body {line-height: 150%}

header, main, footer, article, aside, caption, figure {position: relative}

h1, h2, h3, h4, h5, h6, .text-h1, .text-h2, .text-h3, .text-h4, .text-h5, .text-h6 {line-height: 135%; margin: 20px 0 10px; font-weight: 600; color: #926E0C}
h1, .text-h1 {font-size: 1.4em}
h2, .text-h2, h3, .text-h3 {font-size: 1.2em}
h4, .text-h4, h5, .text-h5, h6, .text-h6 {font-size: 1em}

.item-page h2, .item-page h3, .item-page h4, .item-page h5, .item-page h6, .item-page .text-h2,
.item-page .text-h3, .item-page .text-h4, .item-page .text-h5, .item-page .text-h6 {margin-top: 30px}

p {margin: 0 0 10px}

small {color: #9F9F9F; font-weight: 400}
sup {font-weight: lighter}
strong {font-weight: 600; color: #222}

.text-x125 {font-size: 125%}
.text-x150 {font-size: 150%}
.text-x175 {font-size: 175%}
.text-x200 {font-size: 200%}

.text-fett {font-weight: 600}
.text-lighter {font-weight: 400}
.text-uppercase {text-transform: uppercase}
.text-lowercase {text-transform: lowercase}
.text-capitalize {text-transform: capitalize}
.text-normal {text-transform: none; font-weight: normal}
.text-links {text-align: left}
.text-center {text-align: center}
.text-rechts {text-align: right}
.text-nowrap {white-space: nowrap}

.text-blau {color: #2E95D0 !important}
.text-gelb {color: #FFCC53 !important}
.text-grau {color: #808080 !important}
.text-gruen {color: #7BB400 !important}
.text-orange {color: #FFA800 !important}
.text-rot {color: #D60E47 !important}
.text-schwarz {color: #222 !important}
.text-weiss {color: #fff !important}

.text-einleitung {font-weight: normal}
.item-page .text-einleitung {font-weight: 600; color: #222}

.ziegert-it {background: #2E95D0; color: #fff; display: inline-block; padding: 2px 3px}

.rufnummer {font-weight: 600; letter-spacing: 1px}
.rufnummer:before {content:"\f098"; color: #FFA800; letter-spacing: 0; font-weight: normal; font-family:'FontAwesome'; margin: 0 5px 0 2px}
.rufnummer[title] {cursor: help}
.email {font-weight: normal}
.email:before {display: inline-block; content:"\f0e0"; color: #FFA800; letter-spacing: 0; font-weight: normal; font-family:'FontAwesome'; margin: 0 5px 0 2px}

.top-null {margin-top: 0 !important}

.block-40 { display: block; width: 40px; float: left}
.block-60 { display: block; width: 60px; float: left}
.block-80 { display: block; width: 80px; float: left}
.block-100 { display: block; width: 100px; float: left}
.block-120 { display: block; width: 120px; float: left}
.block-140 { display: block; width: 140px; float: left}
.block-160 { display: block; width: 160px; float: left}
.block-180 { display: block; width: 180px; float: left}
.block-200 { display: block; width: 200px; float: left}

[class*="box"] {padding: 15px; margin: 0; box-sizing: border-box}
.box-blau {background: #2E95D0; color: #fff}
.box-gelb {background: #FFCC53; color: #fff}
.box-grau {background: #F0F0F0}
.box-gruen {background: #76A700; color: #fff}
.box-orange {background: #FFA800; color: #fff}
.box-rot {background: #D60E47; color: #fff}
.box-creme {background: #E2D4B1}

[class*="box-"] a {color: #fff}
[class*="box-"] a:active, [class*="box-"] a:hover, [class*="box-"] a:focus {color: #E8E8E8}
[class*="box-grau"] a {color: #D60E47}
[class*="box-grau"] a:active, [class*="box-grau"] a:hover, [class*="box-grau"] a:focus {color: #B60E3C}
[class*="box-creme"] a {color: #28BA2B}
[class*="box-creme"] a:active, [class*="box-"] a:hover, [class*="box-"] a:focus {color: #8DBB8E}

.box-pfeil-unten {z-index; 99; position: absolute; left: 50%; bottom: -38px; margin: 0 0 0 -20px; padding: 0; display: block; text-align: center; font-size: 4em}

.col-12 {width: 100%}
.col-11 {width: 91.66666667%}
.col-10 {width: 83.33333333%}
.col-9 {width: 75%}
.col-8 {width: 66.66666667%}
.col-7 {width: 58.33333333%}
.col-6 {width: 50%}
.col-5 {width: 41.66666667%}
.col-4 {width: 33.33333333%}
.col-3 {width: 25%}
.col-2 {width: 16.66666667%}
.col-1 {width: 8.33333333%}

[class*="col"] {float: left; position: relative; padding: 15px; box-sizing: border-box}
.row {margin: 0 -15px}
.row-30 {margin: 0 -30px}

.offset-12 {margin-left: 100%}
.offset-11 {margin-left: 91.66666667%}
.offset-10 {margin-left: 83.33333333%}
.offset-9 {margin-left: 75%}
.offset-8 {margin-left: 66.66666667%}
.offset-7 {margin-left: 58.33333333%}
.offset-6 {margin-left: 50%}
.offset-5 {margin-left: 41.66666667%}
.offset-4 {margin-left: 33.33333333%}
.offset-3 {margin-left: 25%}
.offset-2 {margin-left: 16.66666667%}
.offset-1 {margin-left: 8.33333333%}

@media (max-width: 860px) {
    .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {width: 100%}
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6 {width: 50%}
    .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-12 {margin-left: 50%}
    .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6 {margin-left: 0}
    [class*="push"] {left: 0}
}

@media (max-width: 640px) {
    [class*="col-"] {width: 100%}
    [class*="offset"] {margin: 0}
    [class*="push"] {left: 0}
}

textarea, input, select, .uneditable-input {font-family: 'Segoe UI', 'Open Sans', sans-serif; font-size: 1em; line-height: 150%; border: 1px solid #F3DEBF; background: #F3DEBF; padding: 3px 5px 3px; box-sizing: border-box}
.uneditable-input:focus, textarea:focus, input:focus, select:focus {border-color: #F3DEBF; background: #fff }
textarea.error, input.error, select.error, .uneditable-input.error,
textarea.invalid, input.invalid, select.invalid, .uneditable-input.invalid {color: rgba(228,62,62,1); border-color: rgba(228,62,62,0.75); background: #fff}
select {padding: 3px 5px}
textarea {margin-top: 0}
/*
input[type=checkbox]:checked + label, input[type=radio]:checked {font-weight: bold}
input[type=checkbox]:checked + label:after, input[type=radio]:checked + label:after {content: "\f00c"; font-family: FontAwesome; color: #49C365}
*/

input[type=checkbox] {position: absolute; left: -30000px}
input[type=checkbox] + label:before {content: "\f096"; /* content: "\f11a"; */ display: inline-block; color: #4E4E4E; font-family: FontAwesome; font-size: 0.9em; position: absolute; left: 0; top: 1px}
input[type=checkbox]:hover + label:before {color: #222}
input[type=checkbox].error + label:before {/* content: "\f119"; */ color: rgba(228,62,62,0.75)}
input[type=checkbox]:checked + label:before {content: "\f046"; /* content: "\f118"; */ font-family: FontAwesome; color: #222}

input[type=radio] {position: absolute; left: -30000px}
input[type=radio] + label:before {content: "\f1db"; /* content: "\f11a"; */ display: inline-block; color: #4E4E4E; font-family: FontAwesome; font-size: 0.9em; position: absolute; left: 0; top: 1px}
input[type=radio]:hover + label:before {color: #222}
input[type=radio].error + label:before {/* content: "\f119"; */ color: rgba(228,62,62,0.75)}
input[type=radio]:checked + label:before {content: "\f192"; /* content: "\f118"; */ font-family: FontAwesome; color: #222}

form[id*="zitform"] {}
form[id*="zitform"] p.checkbox {padding: 0; margin: 0 0 10px}
form[id*="zitform"] p[class*="input"] {padding-left: 30%; position: relative}
form[id*="zitform"] p[class*="input"] label {position: absolute; left: 0; top: 0; cursor: pointer}
form[id*="zitform"] p[class*="input"] label.inline {position: relative; left: auto; top: auto; display: inline-block; padding-left: 20px; cursor: pointer}
form[id*="zitform"] p[class*="input"] span.inline {display: block}
form[id*="zitform"] p[class*="input"].text label {top: 3px}
form[id*="zitform"] p[class*="input"].textarea label {top: 3px}
form[id*="zitform"] p[class*="input"].select label {top: 3px}

form[id*="zitform"] p.email:before {display: none !important}

form[id*="zitform"] label.error {position: relative !important; display: none; color: rgba(228,62,62,1); font-size: 0.75em}
form[id*="zitform"] .error + label.error {display: block; clear: both}

form[id*="zitform"] .btn-inverse {display: none !important}
form[id*="zitform"] .btn {background: #926E0C; color: #F3E9CE}
form[id*="zitform"] .btn:active {background: #F3E9CE; color: #926E0C}

[class*="btn"], button, input[type="button"], input[type="submit"] {padding: 8px 16px; display: inline-block; margin: 15px 0; border: none; cursor: pointer}
a[class*="btn"] {text-decoration: none}
a[class*="btn"] .fa-angle-right {margin-left: 15px}

a.video img, iframe.video {margin: 0; line-height: 0}
div.video {margin: 0 0 10; line-height: 0}

a {color: #28BA2B; text-decoration: none}
a:hover, a:focus {color: #8DBB8E}
a.anker-image:after, a.readmore:after, .more a:after {content: "\f101"; font-family: FontAwesome; font-size: 0.85em; display: inline-block; margin: 0 0 0 6px}
a#logo:hover, a#logo:focus {border-bottom: none}

.btn-block {display: block; width: 100%; text-align: center}
.btn-large {font-size: 120%}
.btn-small {font-size: 90%; padding: 4px 8px}

.btn {background: #926E0C !important; color: #F3E9CE !important}
.btn:active, .btn:hover, .btn:focus {background: #F3E9CE !important; color: #926E0C !important}

.btn-blau {background: #2E95D0; color: #fff}
.btn-blau:active, .btn-blau:hover, .btn-blau:focus {background: #1E7CB2; color: #fff}

.btn-gelb {background: #FFCC53; color: #fff}
.btn-gelb:active, .btn-gelb:hover, .btn-gelb:focus {background: #F8C344; color: #fff}

.btn-gruen {background: #49C365; background: #7BB400; color: #fff}
.btn-gruen:active, .btn-gruen:hover, .btn-gruen:focus {background: #3DAA56; background: #557D00; color: #fff}

.btn-orange {background: #FFA800; color: #fff}
.btn-orange:active, .btn-orange:hover, .btn-orange:focus {background: #EA9A00; color: #fff}

.btn-rot {background: #E43E3E; color: #fff}
.btn-rot:active, .btn-rot:hover, .btn-rot:focus {background: #CA3333; color: #fff}

.carousel {line-height:0; overflow: hidden}
.carousel-inner {position: relative; width:100%}
.carousel-inner .next, .carousel-inner .prev {display:block; position:absolute; width:100%}
.carousel-inner .next {}
.carousel-inner .prev {}
.carousel-inner .next.left, .carousel-inner .prev.right {}
.carousel-inner .item img, .carousel-inner .item a img {display: block; margin: 0 !important; line-height: 0 !important; width: 100%; height: auto}
.carousel-inner .item p {margin: 0 !important; line-height: 0 !important}
.carousel-inner .item {z-index: 1; position: absolute; top: 0; width: 100% !important}
.carousel-inner .item.active {z-index: 99}
.carousel-inner .active.left {}
.carousel-inner .active.right {}
.carousel-control {display: none; position:absolute; z-index: 99; bottom: 80px; height: 60px; width: 60px; line-height: 60px; font-size: 3em; opacity:.5; filter:alpha(opacity=50)}
.carousel-control.left {left:30px}
.carousel-control.right {right:30px}
.carousel-control:hover, .carousel-control:active {color: #333; text-decoration:none; opacity:0.925}
.carousel:hover .carousel-control {display: block; color: #333; text-align:center}
.carousel-control .sr-only {display: none}
.carousel-indicators {display: none}
.carousel-caption {position: absolute; left: 0; top: 0; right: 0; bottom: 0}
.carousel-caption div {max-width: 1230px; margin: 0 auto; padding: 0 15px}

hr {border-color: #F3E9CE; border-style: solid none; border-width: 2px 0 0; margin: 20px 0}

img, [class*="bild"] {line-height: 0; margin: 0; padding: 0}
img {max-width: 100%; height: auto; margin: 0 0 10px}
img.bild-links, img.pull-left {float: left; margin: 6px 20px 10px 0}
img.bild-rechts, img.pull-right {float: right; margin: 6px 0 10px 20px}
img.bild-mitte {width: 100%; height: auto; margin: 0 0 10px}
img.bild-zentriert {display: block; margin: 0 auto 10px}

ul, ol, iframe, form {margin: 15px 0}
li {margin: 10px 0}

ul {list-style: none !important; padding-left: 10px}
ul li {padding-left: 22px}
ul li:before {display: inline-block; font-family: FontAwesome; font-size: 0.675em; position: absolute; margin: 0 0 0 -22px}
ul[type="check"], ul.check {padding-left: 28px}
ul[type="check"] li:before, ul.check li:before {content: "\f00c"; font-size: 18px; margin-left: -28px}
ul[type="circle"] li:before, ul.circle li:before {content: "\f1db"; color: #B60E3C; margin-top: 1px}
ul[type="disc"] li:before, ul.disc li:before {content: "\f111"; color: #B60E3C; margin-top: 1px}
ul[type="square"] li:before, ul.square li:before {content: "\f0c8"; color: #B60E3C; margin-top: 1px}

blockquote {color: #808080; background: #F7F7F7; display: block; margin: 40px 0 !important; padding: 15px 30px 15px 90px !important}
blockquote .fa-quote-left {margin-left: -75px}

.pull-right {float: right}

.jmodedit {display: none !important}