body {
font-family: calibri, sans-serif;
font-weight: 300;
font-style: normal;
margin:0;
padding:0;
border:0;
background-color:#fff;
width:100%;
height:auto;
display:block;
text-align:left;
margin:0px;
padding:0px;
letter-spacing:.045em;
font-size:18px;
-webkit-text-size-adjust: none;
text-size-adjust: none;
color: #000;
line-height: 1.4em;
}


button.zumachen {
background-color:transparent;
appearance:none;
outline:0;
background: none;
   border: none;
   color: red
}
body.contrast .inhalt2spalten a {
font-weight: bold;
}

body.contrast .barrierefrei {
color:#fff;
background-color:#000;
height:auto;
}

body.contrast .navigation {
background-color: #fff;
}

body.contrast navigation nav li.rex-current a {
border: 2px solid #000;
background-color: #fff;
}

body.contrast .navigation nav.mainnav  li a {
color: #000;
}

body.contrast .schnellauswahl div {
background-color: #000;
}

body.contrast .grid p {
color: #000;
border: 2.5px solid #000;
}

body.contrast .grid a:hover p {
background-color: #000;
border: 2.5px solid #000;
}

body.contrast footer {
color: #000;
background-color: #fff;
}

body.contrast footer ul li a{
color: #000;
}

body.contrast footer strong {
color: #000;
}

body.contrast h2 {
color: #000;
}


body.contrast .header3 {
background-color: #fff;
border-bottom: 2px solid #000;
border-top: 2px solid #000;
}

body .header3 {
border-bottom: 2px solid #fef2e1;
border-top: 2px solid #fef2e1;
}

body.contrast h1 {
color: #000;
}

body.contrast h3 {
color: #000;
font-weight: bold;
}

body.contrast .navigation nav.mainnav  li.rex-current a {
border: 2px solid #000;
}

body.contrast a.button {
background-color: #fff;
color: #000;
border: 2px solid #000;
}

body.contrast .navigation nav.mainnav  li.rex-active ul li a.rex-current {
border: 2px solid #000;
}

body.contrast .navigation nav.mainnav  ul li ul li a:hover {
border: 2px solid #000;
}

body.contrast article a {
color: #000;
font-weight: normal;
}

body.contrast a.button:hover {
background-color: #000;
color: #fff;
border: 2px solid #000;
}

body.contrast div.auflistung .listelement p a.btn, body.contrast div.auflistung .listelement p span.btn {
color: #000;
border: 2px solid #000;
}

a {
text-decoration:none;
}
aside a.woerterbuch-popup {
color:#093488;
}
body.contrast aside a.woerterbuch-popup {
color:#000;
}

h1 {
font-size: 2em;
color: #093488;
line-height: 1.0em;
}


h2 {
color: #093488;
line-height: 1.2em;
}
span.h2 {
color: #093488;
line-height: 1.2em;
text-align:left;
font-size:1.6em;
display:block;
padding-bottom:20px;
}

body.contrast span.h2 {
color: #000;
}

h3 {
color: #093488;
}

article a {
color: #093488;
text-decoration: none;
}

.inhalt2spalten:nth-child(1) {
padding-top:0;
}

article{
text-align: left;
max-width: 1600px;
display: block;
position: relative;
width: 100%;
margin: 0 auto;
margin-top: 100px;
}

body > header {
z-index:1000;
position:relative;
width:100%;
display:block;
height:auto;
text-align:center;
}

.headinner {
display:inline-block;
width:100%;
position:relative;
text-align:left;
}

.TextMitBild {
display:inline-block;
width:100%;
margin: 0 auto;
position:relative;
display: block;
}

.inhalt {
display:inline-block;
width:90%;
margin: 0 auto;
max-width:1600px;
position:relative;
display: block;
}

button#openMenu {
display: none;
}

.barrierefrei {
background-color: #093488;
}

.barrierefrei ul{
width: 90%;
margin-right:5%;
margin-left:5%;
height: auto;
}

.barrierefrei ul li{
width: 20%;
height: auto;
}




.barrierefrei ul li{
justify-content: space-between;
color: #fff;
width: auto;
display: inline-block;
position: relative;
text-align: center;
list-style: none;
font-weight: 400;
font-size: 0.9em;
padding-left: 5px;
padding-right: 5px;
}

.barrierefrei li a{
text-align: center;
cursor: pointer;
color: #fff;
text-decoration: none;
}

.barrierefrei ul{
display: inline-flex;
justify-content: space-between;
padding:0;
position: relative;
}

.barrierefrei i {
font-size: 1.5em;
top: 5px;
position: relative;
}

.navigation {
background-color: #fef2e1;
height: 200px;
padding-bottom: 20px;
}

.navigation .suche {
width: 20%;
height: auto;
position: absolute;
display: none;
}

.navigation .logo {
width: 29%;
height: auto;
display: inline-block;
position: relative;
height: 180px;
}



.navigation .logo img {
width: 60%;
height: auto;
position: relative;
vertical-align: middle;
text-align: center;
display: block;
margin: 0 auto;
top: 50px;
max-width: 300px;
}

body.contrast li#kontrast {
background-color: #fff;
}

body.contrast li#kontrast a{
color: #000;
}

#vorlesen.aktiv {
background-color: #fff;
}

#vorlesen.aktiv a {
color: #093488;
}

body.contrast #vorlesen.aktiv {
background-color: #fff;
}

body.contrast #vorlesen.aktiv a {
color: #000;
}

.navigation nav.mainnav  ul li.rex-article-41 {
display:none;
}

.navigation nav.mainnav  ul li.rex-article-240 {
display:none;
}

.yform {
width:90%;
height:auto;
position:relative;
display:block;
margin-left:auto;
margin-right:auto;
text-align:center;
background-color: #fef2e1;
padding-top:30px;
padding-bottom:30px;
border: 2px solid #283583;
margin-top:60px;
margin-bottom:60px;
}
body.contrast .yform {
background-color: #fff;

border: 2px solid #000;
}

.yform > form > div {
padding:20px 0;
display:block;
width:70%;
margin-left:auto;
margin-right:auto;
display:flex;
justify-content:space-between;
}
.yform label {
width:25%;
display:inline-block;
text-align:left;

}

.yform select {

}

.yform select {
width:72%;
border:0;
outline:0;

padding:10px 10px;
border:1px solid #093488;
font-size:1.0em;
border-radius: 0;
margin:0 0 0 0%;
appearance: none;
-webkit-appearance:none;
background-image:url(../../media/pfeil-nach-unten.png);
background-position:96% 10px;
background-repeat:no-repeat;
background-size:20px;
}

.yform select::after {
content: "\e901";
font-family: 'inklusive-icons' !important;
color:#093488;
width:20px;
height:20px;
display:block;
position:absolute;
right:10px;
top:5px;
background-color:red;
pointer-events: none;
z-index:2000;
}
.yform select:focus {
outline: 2px solid orange;
}
.yform textarea:focus {
outline: 2px solid orange;
}
.yform .formcheckbox label, 
.yform input[type="text"], 
.yform input[type="currency"], 
.yform input[type=password], 
.yform input[type=email] {
width:72%;

}

.yform input[type="text"],
.yform input[type="email"],
.yform input[type="currency"],
.yform input[type=password] {
padding:10px 10px;
border:1px solid #093488;
font-size:1.0em;
}
body.contrast .yform input[type="text"], 
body.contrast .yform input[type="email"], 
body.contrast .yform input[type=password], 
body.contrast .yform input[type="currency"] {
padding:10px 10px;
border:1px solid #000;
font-size:1.0em;
font-family: calibri, sans-serif;
}

form *, select, input{
      box-sizing: border-box;
    }

.yform .formcheckbox label {
padding-left: 0;
display: block;
text-align: left;
width: 100%;
}

.yform .formcheckbox input {
	visibility:hidden;
	display:none;
}

.yform .formcheckbox i {
width:30px;
height:30px;
background-color:#fff;
border:1px solid #093488;
display:inline-block;
position:relative;
margin-right:20px;
vertical-align:middle;

}
body.contrast .yform .formcheckbox i {
border:1px solid #000;
}
.yform .formcheckbox label i:before {

}

.yform .formcheckbox label.checked i:before {
content:"️✓";
color:#093488;
font-style:normal;
margin-left:1px;
margin-top:3px;
font-family:'inklusive-icons';
font-size:2em;
position:relative;
display:block;
}

body.contrast .yform .formcheckbox label.checked i:before {

color:#000;

}
.yform button {
padding:12px 12px;
margin-left: 0%;
margin-right:auto;
width:71%;
font-size:1.0em;
letter-spacing:.045em;
font-size:18px;
font-family: calibri, sans-serif;
background-color: #fff;
color: #093488;
border: 2px solid #093488;
text-decoration: none;
position: relative;
display: block;
cursor: pointer;
}

.yform button:hover {
background-color: #093488;
color: #fff;
border: 2px solid #093488;
}


body.contrast .yform button { 
background-color:#fff;
border: 2px solid #000;
color: #000;
}

body.contrast .yform button:hover { 
background-color:#000;
color: #fff;
}

.yform textarea { 
width:72%;
padding:10px 10px;
border:1px solid #093488;
font-size:1.0em;
color:#000;
font-family: calibri, sans-serif;
font-size:1.0em;
}

body.contrast .yform textarea { 
border:1px solid #000;
}

#yform-formular-Nachricht label {
vertical-align:top;
}

.Stoerer {
display: none;
}

strong {
color: #093488;
}

.contrast strong {
color: #000;
}

#readspeaker_button1 {
display:none;
}

h3 {
font-size: 1.2em;
}


div.textfeldAcc div {
min-height: 0px;
height: 0;
overflow: hidden;
transition: 0.5s;
padding: 0;
}

div.textfeldAcc div.active {
display: block;
height: auto;
}

.textfeldAcc h3 {
background-color: #fbcfa1;
color: #093488;
padding: 10px;
cursor: pointer;
}


.textfeldAcc h3.active:before {
content: "";
transform: rotate(0deg);
background-image: url(../../media/pfeil-menue-blau.png);
background-size:  15px;
height: 15px;
width: 15px;
margin-right:15px;
margin-left:15px;
background-repeat: no-repeat;
display: inline-block;
}

.textfeldAcc h3:before {
content: "";
transform: rotate(180deg);
background-image: url(../../media/pfeil-menue-blau.png);
background-size:  15px;
height: 15px;
width: 15px;
margin-right:15px;
margin-left:15px;
background-repeat: no-repeat;
display: inline-block;
}

.navigation nav.mainnav ul li.rex-article-52 {
display: none;
}

.navigation nav.mainnav ul li.rex-article-27 {
display: none;
}

.navigation nav.mainnav ul li.rex-article-27 {
display: none;
}

.navigation nav.mainnav ul li.rex-article-86 {

}

.Testimonial {
background-color: #fef2e1;
padding-top:15px;
padding-bottom:15px;
width: 100%;
padding-left:0%;
padding-right: 0%;
border-bottom: 2px solid #fef2e1;
}

body.contrast .Testimonial {
background-color: #fff;
border-bottom: 2px solid #000;
}

body.contrast .Testimonial .inhalt2spalten {
background-color: #fff;
}

.Testimonial p {
margin:0;
}

.Testimonial .inhalt2spalten {
padding-bottom: 0;
max-width: 1600px;
margin: 0 auto;
background-color: #fef2e1;
}

.Testimonial .inhalt2spalten .spalte1 {
width: 10%;
padding-right: 0;
text-align:right;
padding-left: 5%;
}

.Testimonial .inhalt2spalten .spalte2 {
width: 77%;
padding-left: 0;
padding-left: 2%;
padding-right: 5%;
vertical-align: middle;
}

.Testimonial .inhalt2spalten img {
width: 100%;
height: auto;
padding-top:10px;
padding-bottom: 10px;
position: relative;
display: inline-block;
text-align: right;
border-radius: 200px;
padding-right: 10px;
padding-left: 10px;
}

.Testimonial h2 {
margin-bottom: 5px;
margin-top: 0px;
}

.JPO_close,
.JPO_close:focus {
width:30px;
height:30px;
background-image:url(../../media/weg-machen.png);
position: relative;
background-size: 25px;
background-repeat: no-repeat;
color: transparent;
right:00px;
position:absolute;
cursor: pointer;
top: 20px;
background-color:transparent;
border:0;
right:20px;
}

.JPO_open {
display:none;
}
label.suchlabel {
    display:none;

}

#yform-formular-stimmezu span {

}

p.rund img {
border-radius: 100%;
width: 100%;
margin-right: 0%;
}

.inhalt2spalten.kontaktaufnahme {
width: 100%;
background-color: #f7f7f7;
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 10px;
padding-top: 10px;
margin-bottom: 70px;
}

.inhalt2spalten.kontaktaufnahme img {
border-radius: 100%;
width: 100%;
margin-left: 00%;
}

.inhalt2spalten.kontaktaufnahme .spalte1 {
position: relative;
display: inline-block;
width: 20%;
height: auto;
vertical-align: middle;
padding-right: 3%;
}

.inhalt2spalten.kontaktaufnahme .spalte2 {
position: relative;
display: inline-block;
max-width: 47%;
width: auto;
}

.contrast .inhalt2spalten.kontaktaufnahme {
background-color: #fff;
}

footer .header3 {
border-bottom: 0px;
border-top: 2px solid #fff;
}

footer .header3 {
background-color: #093488;
display: flex;
align-items: center;
justify-content: center;
margin-top: 70px;
}

footer .headerLinks3 {
background-color: #fef2e1;
width: 35%;
height: auto;
position: relative;
display: inline-block;
vertical-align: top;
padding-left: 5%;
padding-right: 0%;
padding-top: 40px;
min-height:400px;
}

footer .headerRechts3 {
background-color: #093488;
width: 55%;
height: auto;
position: relative;
display: inline-flex;
vertical-align: top;
padding-left: 2.5%;
padding-right: 2.5%;
padding-top: 40px;
text-align:center;
min-height:400px;
flex-wrap:wrap;
}

footer .headerRechts3 div img {
width: 80%;
height: auto;
position: relative;
max-width: 330px;
}

footer .headerRechts3 div {
width: 32%;
height: auto;
display: inline-block;
position: relative;
}


body.contrast footer .headerRechts3 {
background-color: #000;
}


body.contrast footer .headerLinks3 {
background-color: #fff;
}

body.contrast footer .headerLinks3 a {
font-weight: bold;
color: #000;
}

button.button {
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
background-color: #fff;
color: #093488;
padding: 5px 12px 5px 12px;
border: 2px solid #093488;
text-decoration: none;
font-weight: 500;
margin-top: 20px;
position: relative;
display: inline-block;
cursor: pointer;
}

button.button:hover {
background-color: #093488;
color: #fff;
border: 2px solid #093488;
}

@media screen and (min-width:1000px) and (max-width:1200px) {
footer .headerRechts3 div {
width: 40%;
height: auto;
display: inline-block;
position: relative;
}



}

@media screen and (max-width:1000px) {
footer .headerRechts3 div {
width: 48%;
height: auto;
display: inline-block;
position: relative;
}

footer .headerRechts3 div img {
width: 50%;
height: auto;
position: relative;
}

.mainnav span.h2 {
text-align: center;
}
.navigation nav.mainnav ul li.rex-article-240 {
display:none;
}


footer .headerLinks3 {
background-color: #fef2e1;
width: 90%;
height: auto;
position: relative;
display: block;
vertical-align: top;
padding-left: 5%;
padding-right: 5%;
padding-top: 20px;
padding-bottom: 20px;
min-height:unset;
}

footer .headerRechts3 {
background-color: #093488;
width: 90%;
height: auto;
position: relative;
display: block;
vertical-align: top;
padding-left: 5%;
padding-right: 5%;
padding-top: 20px;
padding-bottom: 20px;
text-align: left;
min-height: unset;
flex-wrap: wrap;
}

footer .header3 {
background-color: #093488;
display: block;
align-items: center;
justify-content: center;
margin-top: 70px;
}





}

@media screen and (min-width:1000px) {

.textRahmen.fancybox-content {
max-width:600px;
}
.navigation nav.mainnav  {
width: 69%;
height: auto;
display: inline-block;
position: relative;
vertical-align: bottom;
}

.navigation nav.mainnav  ul {
vertical-align: bottom;
padding-left:0;

}

.navigation nav.mainnav  ul li {
width: auto;
height: 20px;
display: inline-block;
position: relative;
text-align: center;
margin-right:1rem;
}


nav li.rex-article-5 ul {
right: 0;
}

nav li.rex-article-3 ul {
right: 0;
}

nav li.rex-article-2 ul {
right: 0;
}

.navigation nav.mainnav li a {
color: #093488;
font-size: 1.3em;
text-decoration: none;

padding: 5px 15px 5px 15px;
display:block;
}
.navigation nav.mainnav li a:focus {

}

.navigation nav.mainnav  li.rex-current a{
border: 2px solid #093488;
background-color: #fff;
}

.navigation nav.mainnav  li.rex-active a{
border: 2px solid #093488;
background-color: #fff;
}

.navigation nav.mainnav  li.rex-active a{
border: 2px solid #093488;
background-color: #fff;
}

.contrast .navigation nav.mainnav li.rex-active a {
border: 2px solid #000;
}

.contrast .navigation nav.mainnav li.rex-normal a {
border: 2px solid transparent;
}

.navigation nav.mainnav  li.rex-active button.zumachen {
border: 2px solid transparent;
background-color: #fff;
}

.navigation nav.mainnav  li.rex-active ul li a{
border: 2px solid #fff;
background-color: #fff;
}

.navigation nav.mainnav  li.rex-active ul li a.rex-current{
border: 2px solid #093488;
background-color: #fff;
}



nav.mainnav li ul  {
padding: 20px 0;
display: none;
width: 260px;
height: auto;


}
nav.mainnav ul li ul li a {
color: #093488;
text-align: left;
text-transform: none;
}


nav.mainnav ul li h2 {
font-size: 35px;
color: #093488;
text-align: left;
font-weight: normal;
margin-top: 0;
padding-top:10px;
margin-bottom: 50px;
}



.contrast nav.mainnav ul li h2 {
color: #000;
}


nav.mainnav ul li button.zumachen {
background-image: url(../../media/weg-machen.png);
background-repeat: no-repeat;
width: 25px;
height: 25px;
background-size: 25px;
position: absolute;
right: 35px;
top: 35px;
cursor: pointer;
}

.contrast nav.mainnav ul li button.zumachen {
background-image: url(../../media/weg-machen-schwarz.png);
}

nav.mainnav ul li.rex-article-2 ul li:nth-child(1) {
margin-top: 70px;
}

nav.mainnav li.aufklappen > ul  {
display: block;
position:absolute;
z-index:5000;
background-color: #fff;
width: 450px;
height: auto;
padding: 30px;
margin-top: 50px;
}

nav.mainnav li.aufklappen.weg > ul {
display: none;
}

.navigation nav.mainnav  ul li ul li {
display: block;
margin-bottom: 20px;
height: 40px;
width: 100%;
text-align: left;
}

.navigation nav.mainnav  ul li.rex-current ul li a {
border:0;
background-color: none;
}

.navigation nav.mainnav  ul li ul li a {
padding: 5px 12px 5px 12px;
border: 3px solid transparent;
}
.navigation nav.mainnav  ul li ul li a {
border: 2px solid transparent;
}
.navigation nav.mainnav  ul li ul li a:hover {
border: 2px solid #093488;
}

nav li.aufklappen.rex-article-4 > ul {
display: block;
position: absolute;
z-index: 5000;
background-color: #fff;
width: 450px;
height: auto;
padding: 30px;
margin-top: 50px;
right:0;
}

nav li.aufklappen.rex-article-86 > ul {
display: block;
position: absolute;
z-index: 5000;
background-color: #fff;
width: 450px;
height: auto;
padding: 30px;
margin-top: 50px;
right: 0;
}


nav.subnav {
display:block;
width:100%;
background-color:#ffdcab;
text-align:right;
}

nav.subnav ul {

display:inline-block;

}
nav.subnav ul {
width:64.5%;
max-width:1600px;
height:auto;
position:relative;
list-style:none;
display:inline-block;
text-align:left;
}
nav.subnav ul li {
display:inline-block;
}
nav.subnav ul li a {
color: #093488;
font-size: 1.0em;
text-decoration: none;
padding: 5px 12px 5px 12px;
}

.umgebend {
background-color:rgba(0,0,0,0.8);
position:fixed;
width:100%;
height:100%;

display:block;
top:0;
left:0;

z-index:-2;
opacity:0;
transition:0.5s;
}

.aufklappen .umgebend{
display:block;
z-index:2;
opacity:1;
}
}

@media (min-width:1000px) and (max-width:1300px) {
.navigation .logo {
width: 24%;
height:150px;
}

.navigation nav.mainnav {
width: 74%;

}
.navigation .logo img {
width: 80%;

}

.navigation {
background-color: #fef2e1;
height: 160px;

}
.navigation nav.mainnav  ul li {

margin-right:0rem;
}

}


.TextMitBild {
width: 100%;
height: auto;
background-color: transparent;
display: table;
}

.TextMitBild img {
width: 100%;
height: auto;
position: relative;
}

.header3 {
background-color: #fbcfa1;
}

.TextMitBild .headerLinks3{
width: 40%;
height: auto;
position: relative;
display: inline-block;
vertical-align: top;
}

.TextMitBild .headerRechts3{
width: 45%;
height: auto;
position: relative;
display: inline-block;
vertical-align: top;
padding-left: 2%;
padding-right: 13%;
}

.TextMitBild .headerLinks3 p {
margin: 0;
line-height: 0;
}

a.button {
background-color: #fff;
color: #093488;
padding: 5px 12px 5px 12px;
border: 2px solid #093488;
text-decoration: none;
font-weight: 500;
margin-top: 20px;
position: relative;
display: inline-block;
}

a.button:hover {
background-color: #093488;
color: #fff;
border: 2px solid #093488;
}
button:focus {
border: 2px solid #093488;
}

.elemente {
display: inline-flex;
position: relative;
width: 100%;
justify-content: space-between;
margin-top: 20px;
}

.elemente > div {
display: block;
position: relative;
width: 32%;
}



.linkeSpalte #freetext1 {
background-color: #eaf0f5;
padding: 15px;
}

.linkeSpalte #freetext3 {
background-color: #f39c3f;
padding: 15px;
}

.mittlereSpalte #freetext1 {
background-color: #009ee0;
padding: 15px;
}

.mittlereSpalte #freetext3 {
background-color: #feefd8;
padding: 15px;
}

.rechteSpalte #freetext2 {
background-color: #d5e1eb;
padding: 15px;
}

.rechteSpalte #freetext3 {
background-color: #093488;
padding: 15px;

}

.rechteSpalte #freetext3 h3 {
color: #fff;
}

.rechteSpalte #freetext1 p {
margin: 0;
}

.linkeSpalte #freetext3 h3 {
color: #fff;
}

.inhalt2spalten {
width: 100%;
height: auto;
position: relative;
padding-top: 0px;
padding-bottom: 70px;
}

.inhalt2spalten .spalte1 {
position: relative;
display: inline-block;
width: 47%;
height: auto;
vertical-align: middle;
padding-right: 3%;
}

.inhalt2spalten .spalte2 {
position: relative;
display: inline-block;
width: 47%;
height: auto;
vertical-align: middle;
padding-left: 2%;
vertical-align: top;
}

.inhalt2spalten img {
width: 100%;
height: auto;
position: relative;
}

.textRahmen {
width: 100%;
height: auto;
position: relative;
display: block;
}

footer strong {
color: #093488;
}

footer ul li {
justify-content: space-between;
color: #093488;
width: auto;
display: inline-block;
position: relative;
text-align: center;
list-style: none;
font-weight: 400;
font-size: 0.9em;
}

footer ul {
display: flex;
justify-content: space-between;
position: relative;
width: 70%;
margin: 0 auto;
}

footer a {
text-decoration: none;
color: #093488;
}







.grid {
width: 100%;
height: auto;
width: 100%;
position: relative;
display: inline-grid;
grid-template-columns: 31% 31% 31%;
grid-gap: 3.5%;
padding: 0;
transition: all .5s;

transition-timing-function: ease;

}
.grid .elem {
text-align: center;
vertical-align: middle;
display: inline-block;
position: relative;
transition: all .5s;
transition-timing-function: ease;
height: 300px;
margin-bottom: 30px;
}

.grid p {
background-color: #fff;
margin: 0;
padding: 10px 0 10px 0;
text-transform: uppercase;
color: #283583;
text-align: left;
position:absolute;
bottom:0;
text-align: center;
font-size: 0.6em;
width: 99%;
border: 2.5px solid #283583;
}

.grid a:hover p {
background-color: #283583;
color: #fff;
border: 2.5px solid #283583;
}



.grid .elem a {
text-transform: uppercase;
font-size: 2.0em;
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
transition: all .5s;
transition-timing-function: ease;
}

 .grid .elem {
 box-shadow: 0px 0px 10px 2px #333;
 cursor: pointer;
 }
 .grid .elem .background {
display: block;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
position: relative;
}

.grid .elem a {
text-transform: uppercase;
font-size: 2.0em;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
transition: all .5s;
transition-timing-function: ease;
}

.grid .elem.vis {
opacity: 1.0;
top: 0px;
}

.grid .icon-cheveron-light-right {
position: relative;
top: 3px;
}




.barrierefrei #suche span{
border: 2px solid #fff;
padding: 3px 7px 3px 7px;
}

.barrierefrei #suche span i{
font-size: 1.1em;
top: 3px;
position: relative;
}

body input.search_it-button {
padding: 6px;
font-size: 0.8em;
border: 2px solid #fff;
background-color: transparent;
color: #fff;
font-family: inherit;
font-weight: 300;
font-family: roboto,arial,sans-serif;
text-transform: uppercase;
}

body input.search {
padding: 5px;
font-size: 0.8em;
border: 2px solid #fff;
background-color: transparent;
color: #fff;
font-family: inherit;
font-weight: 300;
font-family: roboto,arial,sans-serif;
}

body input.search::placeholder {
color: #fff;
}

.schnellauswahl {
position: fixed;
z-index: 2001;
right: 0;
top: 360px;
}

.schnellauswahl div {
right:0;
position: relative;
margin-bottom: 25px;
box-shadow: 0px 0px 6px 1px #333;
background-color: #093488;
padding-right: 20px;
padding-left: 20px;
padding-top: 5px;
padding-bottom: 5px;
text-align: right;
width: auto;

}

.schnellauswahl div.spenden {
background-color: #f39c3f;
}

.schnellauswahl div i {
top: 2px;
position: relative;
}

.schnellauswahl div a {
right:0;
color: #fff;
text-transform: uppercase;
position: relative;
text-decoration: none;
font-size:1.1em;
display:block;
}

.schnellauswahl div.kalender a {

letter-spacing: 0.01em;
font-size:1.0em;
}
.galerie {
display:flex;
justify-content:space-between;
flex-flow: row wrap;
align-content:center;
justify-content:space-between;
flex-wrap : wrap;
position:relative;
width: 100%;
padding-left: 0%;
padding-right: 0%;
margin-top: 50px;
}
.galerie .clr {
display:none;
}
.galerie a.galerieBilder {
	width:32%;
	height:auto;
	text-decoration:none;
	margin-right:0%;
	margin-bottom:2%;
	position:relative;
	display:inline-block;
	background-size:cover;
	background-repeat: no-repeat;
}

.galerie a.galerieBilder img {
width:100%;
height:auto;
position:relative;
visibility:hidden;
}


.inhalt .textRahmenVB3sp {
width: 100%;
margin: 0 auto;
height: auto;
position: relative;
display: flex;
flex-wrap:wrap;
padding-top: 70px;
padding-bottom: 70px;
}

.inhalt .textRahmenVB3sp > div {
width: 30%;
padding-left:2%;
height: auto;
position: relative;
display: inline-block;
vertical-align: top;
}


input.searchfield {
padding-top:3px;
padding-bottom:3px;
padding-left: 10px;
padding-right: 10px;
font-size: 0.8em;
border: 2px solid #fff;
background-color: transparent;
color: #fff;
font-family: inherit;
font-weight: 300;
font-family: roboto,arial,sans-serif;
outline:0;
appearance:none;
-webkit-appearance:none;
width:70%;
}
li#suche.show {
width: auto;
min-width:30%;
opacity: 1;
height: 40px;
display: block;
}

body.smaller {
font-size:14px;
}

body.normal {
font-size:18px;
}

body.bigger {
font-size:22px;
}

body.nochbigger {
font-size:26px;
}
@media screen and (min-width: 1000px) {
li#suche {
list-style: none;
width: 0%;
height:0;
text-align: center;
overflow:hidden;
opacity:0;
display: none;
}
li#suche.show {
width: auto;
opacity:1;
height:40px;
display: block;
}
}
@media screen and (max-width: 1000px) {





.Testimonial .inhalt2spalten .spalte1 {
width: 90%;
padding-right: 0;
text-align: left;
padding-left: 0%;
margin: 0 auto;
padding-bottom: 10px;
}

.Testimonial .inhalt2spalten .spalte2 {
width: 90%;
padding-right: 0;
text-align: left;
padding-left: 0%;
margin: 0 auto;
}

.Testimonial .inhalt2spalten .spalte1 img {
width: 40%;
padding: 0;
}

.open .navigation nav.mainnav ul li.rex-article-52 {
display: none;
}

.open .navigation nav.mainnav ul li.rex-article-27 {
display: none;
}

.open .navigation nav.mainnav ul li.rex-article-27 {
display: none;
}

.open .navigation nav.mainnav ul li.rex-article-86 {
display: inline-block;
}

.open .navigation nav.mainnav ul li.rex-article-41 {
display: none;
}

.yform {
width:100%;

}

.galerie a.galerieBilder {
width: 49%;
}

article {
margin-top: 50px;
}

.yform > form > div {
padding: 20px 0;
display: block;
width: 100%;
margin-left: 0;
margin-right: 0;
}

.yform .formcheckbox label, .yform input[type="text"], .yform input[type=password],
.yform input[type="currency"], .yform input[type="date"] {
width: 80%;
margin-left: 5%;
display: block;
text-align: left;
border-radius: 0px;
}

.yform label {
width: 95%;
margin-left: 5%;
display: block;
text-align: left;
}

.yform textarea {
width: 80%;
margin-right: 0%;
margin-left: 5%;
padding: 10px 10px;
position: relative;
display: block;
border-radius: 0px;
}

.yform .formcheckbox label {
padding-left: 0%;
}

.yform select {
width: 86%;
padding: 10px 10px;
border-radius: 0;
appearance: none;
background-position: 96% 10px;
display: block;
margin-left: 5%;
}

User-Agent-Stylesheet
.galerie a.galerieBilder {
width: 49%;
}

body.open .navigation nav.mainnav  ul li ul li a {
border: 2px solid #fff;
}
.yform button {
padding: 12px 12px;
margin-left: 0%;
margin-right: auto;
width: 64%;
color: #093488;
background-color: #fff;
font-size: 1.0em;
border: 2px solid #093488;
display: block;
margin-left: 5%;
}

.contrast .navigation nav.mainnav  {
width: 100%;
background-color: #fff;
color: #000;
height: auto;
}

.contrast.open .navigation nav.mainnav  ul li a {
color: #000;
}

li#suche {
padding-bottom: 15px;
}
.icon-font-size-normal {
display: none;
}

.contrast i.icon-contrast {
background-color: #fff;
color: #000;
}

.barrierefrei i {
font-size: 2em;
}

h1 {
font-size: 1.4em;
}

body {
line-height: 1.4em;
font-size: 1em;
}

.navigation .logo img {
top: 20px;
max-width: 200px;
}

li#suche {
list-style: none;
width: 0%;
text-align: center;
padding-bottom: 0px;
overflow:hidden;
opacity:0;
height:0;
}
li#suche.show {
width: 100%;
opacity:1;
height:auto;
padding-bottom: 15px;
}
body input.search {
width: 80%;
margin-right: 1%;
padding:5px;
}

body input.search_it-button {
width: auto;
}

.schnellauswahl {
z-index: 1000;
top: 40vh
}
body.open .schnellauswahl {
display:none;
}

.schnellauswahl div {
margin-bottom: 15px;
background-color: #093488;
padding-right: 10px;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 0px;
box-shadow: 0px 0px 5px 2px #333;
}

.schnellauswahl div a {
font-size: 0.7em;
}

.schnellauswahl div.kalender a {

letter-spacing: 0.01em;
font-size:.7em;
}

.grid {
grid-template-columns: 100%;
grid-gap: 0%;
}


.barrierefrei span span {
display: none;
}

.barrierefrei ul:nth-child(1) {
width: 90%;
height: auto;
}

ul.kontakt {
background-color: #093488;
color: #fff;
list-style: none;
margin: 0;
padding-top: 20px;
padding-bottom: 20px;
font-size: 0.9em;
padding-left:0;
display: inline-flex;
width: 90%;
padding-left:5%;
padding-right:5%;
cursor: pointer;
justify-content: space-between;
text-align: center;
}

ul.kontakt i{
font-size: 1.4em;
top: 5px;
position: relative;
}

ul.kontakt li {
display: inline-block;
cursor: pointer;
justify-content: space-between;
text-align: center;
}

.navigation .logo {
width: 100%;
height: auto;
display: block;
position: relative;
height: 120px;
}

.navigation {
height: 170px;
}

.navigation nav.mainnav  {
width: 100%;
background-color: #093488;
color: #fff;
height: auto;
}


.navigation nav.mainnav  ul {
display: none;

}

.open .navigation nav.mainnav  ul {
width: 100%;
display: block;

height: auto;
padding-left:0;
position:relative;
list-style:none;
text-align:center;
}
@media screen and (min-width: 1000px) {
.open .navigation nav.mainnav  ul {
min-height: 80vh;
}
}
.open .TextMitBild {
display: none;
}

.open .inhalt {
display: none;
}

.open footer {
display: none;
}

.open .navigation nav.mainnav  ul li {
width: 80%;
display: block;
height: auto;
position:relative;
display: inline-block;
margin:5px 0;
list-style:none;
}



.open .navigation nav.mainnav  ul li a {
width: 100%;
height:auto;
border:3px solid transparent;
color:#fff;
position:relative;
display: block;
padding:10px 0;
text-decoration:none;
}
.navigation nav.mainnav  > ul > li.rex-active a,
.navigation nav.mainnav  > ul > li.rex-current a {
border:3px solid #fff;

}

.navigation nav.mainnav  li a.rex-current {
width: 100%;
height:auto;
border:3px solid #fff;
background-color:transparent;
color:#fff;
}

button#openMenu {
display: block;
}

.open .navigation nav.mainnav  ul li ul {
display:none;

}
.open .navigation nav.mainnav  ul li.aufklappen ul {
display:block;
background-color:#fff;
padding-top:15px;
border: 3px solid #fff;
}

.open .navigation nav.mainnav  ul li ul li a {
color:#093488;
}

.open .navigation nav.mainnav  ul li ul li a.rex-current{
border:3px solid #093488;
}

.open .navigation nav.mainnav  ul li button.zumachen {
background-image: url(../../media/weg-machen.png);
background-repeat: no-repeat;
width: 25px;
height: 25px;
background-size: 25px;
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
}

.contrast.open .navigation nav.mainnav  ul li button.zumachen {
background-image: url(../../media/weg-machen-schwarz.png);
}


.rex-article-86 > a:after, .rex-article-3 > a:after, .rex-article-4 > a:after, .rex-article-5 > a:after {
content: "";
background-image: url(../../media/pfeil-menue.png);
display: inline-block;
width: 20px;
height: 20px;
background-size: 15px auto;
position: relative;
background-position: center;
background-repeat: no-repeat;
left: 7px;
top: 4px;
}

.open .navigation nav.mainnav ul li.rex-article-240 {
display:none;
}


body.contrast .rex-article-86 > a:after, body.contrast .rex-article-3 > a:after,body.contrast  .rex-article-4 > a:after,body.contrast  .rex-article-5 > a:after {
background-image: url(../../media/pfeil-menue-schwarz.png);
}

.headinner button {
display: block;
position: relative;
background-color: transparent;
width: 80px;
height: 40px;
border: 0;
outline: 0;
z-index: 1100;
transition: top .5s;
margin: 0 auto;
cursor: pointer;
}

#nav-icon1 span {
background-color: #093488;
width:100%;
height:5px;
margin:8px 0;
position: relative;
display: block;
transition:transform .5s;
border-radius: 100px;

}

.contrast #nav-icon1 span {
background-color: #000;
}

#nav-icon1.open span:nth-child(2) {
opacity:0;
margin:0px 0;
}
#nav-icon1.open span:nth-child(1) {
 transform: rotate(-45deg);
 margin:0px 0;
}
#nav-icon1.open span:nth-child(3) {
 transform: rotate(45deg);
 margin:0px 0;
top: -9px;
}
.TextMitBild .headerLinks3 {
width: 100%;
display: block;
}
.TextMitBild .headerRechts3 {
width: 90%;
display: block;
padding-left: 0%;
padding:5%;
}
.elemente {
display: block;
justify-content: normal;
}

.elemente > div {
display: block;
width: 100%;
}

footer ul {
display: block;
justify-content: normal;
width: 80%;
margin: 0 auto;
padding: 0;
}

input.searchfield {
padding: 8px 5px;
font-size: 1em;
border: 2px solid #fff;
background-color: transparent;
color: #fff;
font-family: inherit;
font-weight: 300;
font-family: roboto,arial,sans-serif;
width:70%;
border-radius:0;
}
body input.search_it-button {
padding: 8px 5px;
font-size: 1em;
border: 2px solid #fff;
background-color: transparent;
color: #fff;
font-family: inherit;
font-weight: 300;
font-family: roboto,arial,sans-serif;
text-transform: uppercase;
border-radius:0;
}


.inhalt2spalten .spalte1 {
position: relative;
display: block;
width: 100%;
padding-right: 0%;
}

.inhalt2spalten .spalte2 {
position: relative;
display: block;
width: 100%;
padding-left: 0%;
}

.inhalt .textRahmenVB3sp > div {
width: 100%;
padding-left: 0%;
display: block;
}

}




@media screen and (max-width:1000px) {
nav.subnav {
display:block;
width:100%;
background-color:#ffdcab;
padding-top: 2.5px;
padding-bottom: 2.5px;
position: relative;
}

nav.subnav ul {

display: block;

}
nav.subnav ul {
width:95%;
height:auto;
position:relative;
list-style:none;
display:block;
text-align:left;
line-height: 1.5em;
padding-left: 5%;
}

nav.subnav ul li {
display: block;
}

nav.subnav ul li a {
color: #093488;
font-size: 1.0em;
text-decoration: none;
padding: 5px 12px 5px 12px;
}

nav.subnav ul li a.rex-current {
text-decoration: underline;
}
}

.popup_content {
  margin: 10px;
  padding: 20px 20px;
  max-width: 60%;
  background: rgba(255,255,255,0.95);
  position:absolute;
  color: #000;
  font-family: chalky, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1em;
z-index: 500;

}

.JPO_close {
width:50px;
height:50px;
background-image:url(../../media/weg-machen.png);
position: relative;
background-size: 25px;
background-repeat: no-repeat;
color: transparent;
right:00px;
position:absolute;
cursor: pointer;
top: 20px;
}

.JPO_open {
display:none;
}
@media screen and (max-width:1000px) {

.popup_content {
  width:90%;
  max-width:80%;
}

.popup_content h2 {
line-height: 1.3em;
}

}

a:focus, button:focus, input:focus, i:focus {
  outline: 2px solid orange;
 
}



@media screen and (max-width: 750px) {



.inhalt2spalten.kontaktaufnahme {
width: 100%;
background-color: #fff;
display: block;
align-items: none;
justify-content: none;
padding-bottom: 0px;
padding-top: 0px;
margin-bottom: 35px;
}

.inhalt2spalten.kontaktaufnahme img {
border-radius: 100%;
width: 100%;
margin-left: 00%;
}

.inhalt2spalten.kontaktaufnahme .spalte1 {
position: relative;
display: block;
width: 100%;
height: auto;
vertical-align: middle;
padding-right: 0%;
}

.inhalt2spalten.kontaktaufnahme .spalte2 {
position: relative;
display: block;
max-width: 100%;
width: auto;
}
}

.schnellauswahl {
shape-outside:20px;

}
div.auflistung .listelement p a.btn, 
div.auflistung .listelement p span.btn {
margin: 0;
padding: 4px 0 4px 0;
text-transform: uppercase;
color: #283583;
text-align: center;
position: relative;
bottom: 0;
text-align: center;
font-size: 1em;
width: 100%;
text-decoration: none;
display: block;
margin-top:10px;
}

div.auflistung .listelement a.btn, 
div.auflistung .listelement span.btn {
width: 100%;
border: 2px solid #283583;
padding: 5px 0 5px 0;
text-align: center;
background-color: #fff;
cursor: pointer;
}

body.contrast div.auflistung .listelement a.btn:hover,
body.contrast div.auflistung .listelement span.btn:hover {
background-color: #000;
color: #fff;
border: 2px solid #000;
}

body.contrast div.auflistung .listelement a:hover span.btn {
background-color: #000!important;
color: #fff!important;
border: 2px solid #000;
}

div.auflistung .listelement div.btn p:hover a, 
div.auflistung .listelement div.btn p:hover span {
color: #fff;
}


.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 20px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .7);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(9, 52, 163, 1) url(../back-to-top/img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index:1000;
  border:2px solid transparent;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
  border:2px solid #f39c3f;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 1;
}
.no-touch .cd-top:hover {
  background-color: rgba(9, 52, 163, 1);
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

.contrast .cd-top {
background-color:#000;
border:2px solid #fff;

}