@charset "UTF-8";

/* Farbdefinitionen:
*******************************************************************************
Blau:		#097fba
Dunkelgrau:	#1d252d
*******************************************************************************/


/* Standard-Styles für ältere Browser (ausser IE)
*******************************************************************************/
command, datalist, source {
display: none;
}
article, aside, figure, figcaption, footer, header, hgroup, menu, nav, section, summary {
display: block;
}
figure, menu {
margin-top: 1em;
margin-bottom: 1em;
}
dl menu, menu dl, menu menu, menu ol, menu ul {
margin-bottom: 0;
margin-top: 0;
}


/* Generell
*******************************************************************************/

* {
margin: 0;
padding: 0;
outline: none;
}

html, body {
min-height: 100%;
height: 100%;
cursor: default;
}

/*@media only screen and (max-width: 770px){
html, body {
overflow-x: hidden;
}
}*/

html {
-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
-webkit-font-smoothing: antialiased; /* damit im Safari die Schrift nicht Blinkt bei den Animationen vom Flexslider */
-moz-osx-font-smoothing: grayscale;
}

body {
margin: 0;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 400;
font-size: 15px;
color: #1d252d;
background-color: #fff;
line-height: 1.4em;
position: relative;
letter-spacing: 0.03em;
}

h1 {
font-size: 34px;
font-weight: 600;
padding: 0;
color: #1d252d;
font-family: 'Open Sans', Arial, sans-serif;
line-height: 1.3em;
margin-bottom: 1em;
margin-top: 0.5em;
text-transform: uppercase;
}

h2 {
font-size: 40px;
font-weight: 600;
padding: 0;
color: #1d252d;
font-family: 'Open Sans', Arial, sans-serif;
line-height: 1.3em;
margin-bottom: 1em;
margin-top: 0.5em;
text-transform: uppercase;
}

.headerBild h2, .box h2, .ref h2 {
font-weight: 700;
}

h3 {
font-size: 15px;
padding: 0;
color: #1d252d;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 600;
line-height: 1.3em;
margin-bottom: 1em;
text-transform: uppercase;
}

h4 {
font-size: 15px;
padding: 0;
color: #1d252d;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 600;
line-height: 1.3em;
margin-bottom: 0;
text-transform: uppercase;
}

h5 {
font-size: 15px;
padding: 0;
color: #1d252d;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 600;
line-height: 1.3em;
margin-bottom: 0;
}

h6 {
font-size: 15px;
padding: 0;
color: #1d252d;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 400;
line-height: 1.3em;
margin-bottom: 0;
text-transform: uppercase;
}

a:link, a:visited {
text-decoration: none;
color: #666;
}

a:hover, a:active, a.aktiv {
text-decoration: none;
color: #097fba;
}

img {
border: none;
}

.clear {
position: relative;
width: 100%;
height: 0;
overflow: hidden;
clear: both;
}

.clearText {
position: relative;
width: 100%;
height: auto;
clear: both;
}

strong {
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 600;
}

td {
vertical-align: top;
text-align: left;
}

.trenner {
position: relative;
clear: both;
margin: 0 auto;
height: 5px;
margin-bottom: 60px;
overflow: hidden;
background-color: #1d252d;
}

.showpad {
display: none;
}

.desk {
display: inherit;
}

span.desk {
display: inline-block;
}

.mobile {
display: none;
}

.small {
font-size: 80%;
}

.nowrap {
white-space: nowrap;
}

.floatLeft {
position: relative;
float: left;
}

.floatRight {
position: relative;
float: right;
}

@media only screen and (max-width: 760px){
body {
font-size: 15px;
}
.desk, span.desk {
display: none !important;
}
.mobile {
display: inherit !important;
}
h1, h3.title {
font-size: 24px;
}
h2 {
font-size: 24px;
}
.floatLeft {
float: none;
}
.floatRight {
float: none;
}
}
@media only screen and (max-width: 480px){
body {
/*line-height: 1.4em;*/
}
}


/* Konstrukt
*******************************************************************************/

#outwrap {
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
width: 100%;
margin: 0 auto -80px auto; /* the bottom margin is the negative value of the footer's height */
clear: both;
overflow: hidden;
}

#spaceBottom {
position: relative;
clear: both;
width: 100%;
height: 160px;
}

.topLink {
text-align: center;
}

.topLink a {
display: inline-block;
width: 29px;
height: 29px;
background: url(/_images/top.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
cursor: pointer;
}

@media only screen and (max-width: 770px){
#outwrap {
margin: 0 auto;
min-height: auto !important;
height: auto !important;
/*overflow: auto;*/
}
#spaceBottom {
height: 0;
}
}

#designby {
position: absolute;
z-index: 100;
right: 10px;
bottom: 15px;
width: 12px;
height: 80px;
margin: 0;
padding: 0;
background: url(/_images/webdesign.png) no-repeat top right;
}

#designby a {
display: block;
width: 12px;
height: 80px;
margin: 0;
padding: 0;
text-indent: -9999px;
}


/* Header
*******************************************************************************/

#headerWrap {
position: fixed;
top: 0;
width: 100%;
height: 160px;
background: #fff;
z-index: 1000;
}

.shadow {
-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.2);
box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.2);
-moz-opacity: 0.95;
-webkit-opacity: 0.95;
opacity: 0.95;
}

#header {
position: relative;
max-width: 1120px;
margin: 0 auto;
height: 150px;
}

#spaceHeader {
height: 170px;
position: relative;
width: 100%;
}

#logo {
position: absolute;
width: auto;
height: 100px;
left: 10px;
top: 32px;
}

#logo img {
width: auto;
height: 100%;
}


@media only screen and (max-width: 770px){
#header, #headerWrap {
height: 95px;
}
#spaceHeader {
height: 105px;
}
#logo {
top: 0;
left: 10px;
height: 90px;
}
}


@media only screen and (max-width: 400px){
.mobileClear {
display: block;
clear: both;
}
}



/* Navigation
*******************************************************************************/

/* Headernavigation */

#headerNav {
position: absolute;
top: 35px;
right: 5px;
padding: 0 0 0 280px;
z-index: 5;
}

#headerNav ul {
list-style: none;
}

#headerNav li {
float: left;
padding: 0 10px 0 0;
text-transform: uppercase;
font-size: 13px;
font-weight: 400;
}

#headerNav li:after {
content: '|';
padding-left: 10px;
}

#headerNav li:last-child {
padding: 0 0 0 0;
}

#headerNav li:last-child:after {
content: '';
}

#headerNav a {
color: #1d252d;
}

#headerNav a:hover,
#headerNav a:active,
#headerNav a.aktiv {
color: #777;
}


@media only screen and (max-width: 770px){
#headerNav {
display: none;
}
}



/* Hauptnavigation */

#navigation {
position: absolute;
top: 100px;
right: 15px;
padding: 0 0 0 120px;
z-index: 1;
}

/* Menu-Definitionen im css-File superfish.css */



@media only screen and (max-width: 1099px){
#navigation {

}
}

@media only screen and (max-width: 860px){
#navigation {

}
}


@media only screen and (max-width: 770px){
#navigation {
display: none;
}
}


/* Subnavigation Sidebar */
#subnav a.aktiv {
color: #097fba;
}

#subnav .subnavAusbildung a:hover,
#subnav .subnavAusbildung a:active,
#subnav .subnavAusbildung a.aktiv {
color: #00A6D7;
}



/* Content
*******************************************************************************/

.content {
position: relative;
width: 100%;
margin: 0;
/*padding-bottom: 10px;*/
line-height: 1.6em;
}

.cont {
position: relative;
max-width: 1100px;
margin: 0 auto;
padding: 0 10px;
}

.center {
text-align: center;
}

.content p {
padding-bottom: 1em;
}

.anker {
position: absolute;
top: -115px;
}

.content ul {
margin-left: 20px;
}

/* Boxen Home */
article.flex {
position: relative;
max-width: 1110px;
margin: 0 auto;
padding: 0 10px 0 0;

display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-direction: row;
-ms-flex-wrap: wrap;
flex-direction: row;
flex-wrap: wrap;
}

article.box {
position: relative;
margin-bottom: 10px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#box01 {
width: calc(40% - 10px);
height: 430px;
margin-left: 10px;
order: 1;
}

article.boxWrap {
margin-bottom: 10px;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#box02 {
width: 60%;
height: 430px;
margin-left: 0;
order: 2;

display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-direction: row;
-ms-flex-wrap: wrap;
flex-direction: row;
flex-wrap: wrap;
}

#box03 {
width: calc(66.666666% - 10px);
margin-left: 10px;
height: 210px;
order: 1;
}

#box04 {
width: calc(33.333333% - 10px);
margin-left: 10px;
height: 210px;
order: 2;
}

#box05 {
width: calc(100% - 10px);
margin-left: 10px;
height: 210px;
order: 3;
}

#box06 {
width: calc(20% - 10px);
margin-left: 10px;
height: 210px;
order: 3;
}

#box07 {
width: calc(20% - 10px);
margin-left: 10px;
height: 210px;
order: 4;
color: #fff;
}

#box08 {
width: calc(20% - 10px);
margin-left: 10px;
height: 210px;
order: 5;
}

#box09 {
width: calc(40% - 10px);
margin-left: 10px;
height: 210px;
order: 6;
}

#box10 {
width: 100%;
margin-left: 10px;
height: auto;
order: 7;
}

.box h1 {
font-size: 38px;
font-weight: 700;
text-transform: uppercase;
padding: 6px 10px 0 10px;
width: calc(100% - 20px);
}

.box h2 {
font-size: 20px;
text-transform: uppercase;
padding: 6px 10px 0 10px;
}

.bgGelb {
background: #097fba;
color: #1d252d;
}

.bgSchwarz {
background: #1d252d;
color: #fff;
}

.center {
text-align: center;
}

.bottom {
position: absolute;
bottom: 0;
}

.weiss {
color: #fff;
}

.link {
cursor: pointer;
}

.hidden {
display: none;
}

.aktuell {
padding: 12px 10px 12px 10px;
font-size: 18px;
font-weight: 400;
}

.aktuell p {
padding-bottom: 1em;
}

.aktuell strong {
text-transform: uppercase;
}

.aktuellTitel {
position: relative;
float: left;
width: 100px;
}

.aktuellTitel strong {
font-weight: 700;
}

.aktuell dl {
list-style: none;
float: left;
width: calc(100% - 100px);
}

.aktuell dt {
clear: left;
float: left;
display: block;
padding-right: 15px;
vertical-align: top;
}

.aktuell dd {
float: left;
display: block;
width: calc(100% - 115px);
}

.aktuell a:link, .aktuell a:visited {
color: #222;
}

.aktuell a:hover, .aktuell a:active {
color: #fff;
}


@media only screen and (max-width: 768px){
.box h1 {
font-size: 30px;
}
.box h2 {
font-size: 16px;
}
.aktuell {
font-size: 15px;
}
.aktuellTitel {
position: relative;
float: none;
width: 100%;
}
.aktuell dl {
width: 100%;
}
.aktuell dd {
width: calc(100% - 100px);
}
}

@media only screen and (max-width: 640px){
article.box {
width: 100% !important;
}
#box01 {
height: 230px;
}
#box02 {
width: 100%;
height: auto;
order: 2;
margin-bottom: 0;
}
#box03 {
order: 2;
width: calc(50% - 10px) !important;
height: 145px
}
#box04 {
order: 3;
width: calc(50% - 10px) !important;
height: 145px
}
#box05 {
order: 1;
height: 135px
}
#box06 {
order: 4;
width: calc(50% - 10px) !important;
height: 145px
}
#box07 {
order: 3;
height: 145px
}
#box08 {
order: 5;
width: calc(50% - 10px) !important;
height: 145px
}
#box09 {
order: 6;
height: 145px
}
.box h1 {
padding-top: 10px;
}
.aktuell dt {
clear: both;
float: none;
display: block;
padding-right: 0;
}
.aktuell dd {
float: none;
clear: both;
padding-bottom: 10px;
width: 100%;
}
}


/* Bildheader */

article.headerBilder {
position: relative;
max-width: 1110px;
margin: 0 auto;
padding: 0 10px 0 0;
}

.headerBild {
position: relative;
float: left;
height: 210px;
margin: 0 0 10px 10px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}

.headerBild1 {
width: calc(20% - 10px);
}

.headerBild2 {
width: calc(40% - 10px);
}

.headerBild3 {
width: calc(60% - 10px);
}

.headerBild4 {
width: calc(80% - 10px);
}

.hiddenTablet,
.hiddenMobile {
display: inherit;
}

.headerBild h2 {
font-size: 20px;
text-transform: uppercase;
padding: 6px 10px 0 10px;
}

.rounded {
border-radius: 15px;
}

@media only screen and (max-width: 990px){
.hiddenTablet {
display: none;
}
.headerBild1 {
width: calc(33.333333% - 10px);
}
.headerBild2 {
width: calc(50% - 10px);
}
.headerBild3 {
width: calc(50% - 10px);
}
.headerBild3.ausbildung3 {
width: calc(66.666666% - 10px);
}
.headerBild4 {
width: calc(66.666666% - 10px);
}
.headerTablet1 {
width: calc(33.333333% - 10px);
}
}

@media only screen and (max-width: 480px){
.headerBild {
height: 145px;
}
.hiddenMobile {
display: none;
}
.headerBild1 {
width: calc(50% - 10px);
}
.headerBild2 {
width: calc(100% - 10px);
}
.headerBild3 {
width: calc(50% - 10px);
}
.headerBild4 {
width: calc(50% - 10px);
}
.headerBild h2 {
font-size: 16px;
}
.headerTablet1 {
width: calc(50% - 10px);
}
}


/* Content Standardseite */
.contLeft {
position: relative;
float: left;
width: 80%;
padding-right: 40px;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.asideRight {
position: relative;
float: left;
width: 20%;
padding-left: 9px;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

aside .bgSchwarz {
padding: 10px;
min-height: 190px;
}

.asideRight ul {
list-style: square;
margin-left: 18px;
text-transform: uppercase;
}

.boxSpaceTop {
padding-top: 115px !important;
min-height: 210px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}


.bgSchwarz h1,
.bgSchwarz h2,
.bgSchwarz h3,
.bgSchwarz h4 {
color: #fff;
}

.bgSchwarz a:link,
.bgSchwarz a:visited {
color: #fff;
font-weight: 400;
}

.bgSchwarz a:hover,
.bgSchwarz a:active {
color: #097fba;
font-weight: 400;
}

@media only screen and (max-width: 1100px){
.asideRight {
font-size: 80%;
}
.asideRight h2,
.asideRight h3,
.asideRight h4 {
font-size: 100%;
}
}

@media only screen and (max-width: 990px){
.contLeft {
width: 70%;
}
.asideRight {
width: 30%;
}
}

@media only screen and (max-width: 640px){
.contLeft {
width: 100%;
padding-right: 0;
float: none;
clear: both;
}
.asideRight {
width: 100%;
padding: 20px 0;
font-size: 100%;
float: none;
clear: both;
}
aside .bgSchwarz {
min-height: auto;
}
}


/* Referenzen */
.referenzen {
position: relative;
max-width: 1110px;
margin: 0 auto;
padding: 0 10px 0 0;
}

.ref {
position: relative;
float: left;
height: 210px;
width: calc(20% - 10px);
margin: 0 0 10px 10px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}

.ref h2 {
font-size: 20px;
text-transform: uppercase;
padding: 6px 10px 0 10px;
}

.back {
position: absolute;
top: 0;
left: 0;
font-weight: 600;
}

.backGalerie {
position: absolute;
top: 90px;
left: 0;
font-weight: 600;
}

@media only screen and (max-width: 990px){
.ref {
width: calc(25% - 10px);
}
}

@media only screen and (max-width: 815px){
.ref {
width: calc(33.333333% - 10px);
}
}

@media only screen and (max-width: 640px){
.ref {
width: calc(50% - 10px);
}
.ref h2 {
font-size: 16px;
}
}

@media only screen and (max-width: 480px){
.ref {
height: 145px;
}
}

/* Referenzen Detailseite */
.refDetail {
position: relative;
max-width: 880px;
height: 100%;
margin: 0 auto;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 220px;
}
.refDetail iframe {
min-height: 600px;
height: 100%;
}

#loadingMessage {
position: absolute;
top: 0;
width: 100%;
height: 100%;
text-align: center;
z-index: 100;
font-weight: 400;
}

#loadingMessage p {
display: inline-block;
padding-top: 120px;
background: rgba(255,255,255,0.9);
color: #222;
width: 100%;
height: 100%;
}

@media only screen and (max-width: 1100px){
.refDetail {
max-width: 1100px;
padding-left: 5px;
}
}

@media only screen and (max-width: 770px){
.refDetail iframe {
min-height: 100px;
}
}


/* Buttons */
.button:link,
.button:visited {
position: relative;
padding: 5px 30px 5px 10px;
margin: 0;
width: auto;
background: #097fba;
text-transform: uppercase;
font-weight: 600;
color: #000 !important;
line-height: 1.3em;
display: inline-block;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
}

.button:hover {
background: #000;
color: #fff !important;
}

.button:after {
content: "\f101";
font-family: "fontello";
font-weight: 400;
font-size: 20px;
position: absolute;
right: 5px;
top: calc(50% - 10px);
display: inline-block;
}

.bgSchwarz .button:link,
.bgSchwarz .button:visited {
background: #fff;
width: 100%;
}

.bgSchwarz .button:hover {
background: #097fba;
color: #000 !important;
}


@media only screen and (max-width: 960px){
}

@media only screen and (max-width: 760px){
}

@media only screen and (max-width: 480px){
}

a.pill {
display: inline-block;
padding: 3px 10px;
border: #1D9FE4 1px solid;
border-radius: 20px;
color: #1D9FE4;
}

a.pill:hover,
a.pill:active {
color: #333;
border-color: #333;
}


/* Textfelder */
.bgWeiss {
position: relative;
background: #fff;
padding-bottom: 10px;
}

.bildFull {
position: relative;
width: 100%;
padding: 5px;
line-height: 1px;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.bildFull img {
width: 100%;
height: auto;
}

.bild {
position: relative;
width: 100%;
padding: 25px;
line-height: 1px;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.bild img {
width: 100%;
height: auto;
}


.fliesstext2spalten {
width: 100%;
column-count: 2;
column-gap: 25px;
padding: 15px 10px;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.fliesstext2spalten p {
margin: 0;
padding: 0;
}

@media only screen and (max-width: 760px){
.fliesstext2spalten {
width: 100%;
column-count: auto;
column-gap: normal;
padding: 15px 15px;
}
.bild {
padding: 15px;
}
}


.spalten2 {
width: 100%;
padding: 15px 13px 0 13px;

display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-direction: row;
-ms-flex-wrap: wrap;
flex-direction: row;
flex-wrap: wrap;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.fliesstext2spalten.liste {
padding: 15px 0;
}

.spalte2 {
width: calc(50% - 25px);
padding: 0 12px;
}


@media only screen and (max-width: 760px){
.spalten2 {
padding: 15px 3px 0 3px;
}
.spalte2 {
width: 100%;
padding: 0 15px;
}
}

/* Team */
.team-block {
display: flex;
flex-direction: column;
padding-bottom: 20px;
}

.team-block__left {
flex: 0 0 auto;
}

.team-block__right {
display: flex;
flex-wrap: wrap;
flex: 0 0 100%;
width: 100%;
}

.team-block__team-portrait {
flex: 0 0 calc(100% - 10px);
max-width: 250px;
padding-right: 10px;
width: calc(100% - 10px);
}

.team-block__team-portrait:last-of-type {
padding-right: 0;
}

.team-block__email {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
font-size: 40px;
opacity: 0;
}

.team-block__email a {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
padding: 0;
margin: 0;
max-width: 250px;
width: 100%;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 0.5s;
}

.team-block__email a:hover {
background: RGBA(248, 236, 0, 0.90);
color: #222;
}

.team-block__email .icon {
margin: 0;
}

.teamBild:hover .team-block__email {
opacity: 1;
}

@media only screen and (min-width: 640px) {
.team-block__team-portrait {
flex: 0 0 calc((100% / 2) - 10px);
padding-right: 10px;
width: calc((100% / 2) - 10px);
}
}

@media only screen and (min-width: 768px) {
.team-block__team-portrait {
flex: 0 0 calc((100% / 3) - 10px);
padding-right: 10px;
width: calc((100% / 3) - 10px);
}
}


@media only screen and (min-width: 990px) {
.team-block {
flex-direction: row;
}

.team-block__left {
flex: 0 0 210px;
width: 210px;
}

.team-block__right {
flex: 0 0 calc(100% - 210px);
width: calc(100% - 210px);
}

.team-block__team-portrait {
flex: 0 0 212px;
padding-right: 10px;
width: 212px;
}

.teamBild img {
height: 212px;
width: 212px;
}
}

/* @media only screen and (min-width: 1000px) {
.team-block__team-portrait {
flex: 0 0 calc((100% / 3) - 10px);
padding-right: 10px;
width: calc((100% / 3) - 10px);
}
} */

.team {
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

.teamLeft {
position: relative;
float: left;
width: 210px;
}

.teamRight {
position: relative;
float: left;
width: calc(100% - 210px);
}

.teamPortrait {
position: relative;
float: left;
width: calc(25% - 10px);
margin: 0 0 10px 10px;
}

.teamPortrait img {
width: 100%;
height: auto;
}

.teamPortrait p {
font-size: 90%;
}

.teamBild {
position: relative;
line-height: 1px;
margin-bottom: 8px;
}

.teamMail {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
font-size: 40px;
}

.teamMail a {
color: transparent;
display: block;
width: 100%;
text-align: center;
padding-top: calc(50% - 20px);
padding-bottom: calc(50% - 19px);
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 0.5s;
}

.teamMail a:hover {
background: RGBA(248, 236, 0, 0.90);
color: #222;
}

.teamMail .icon {
margin: 0;
}

@media only screen and (max-width: 990px){
.teamPortrait {
width: calc(33.333333% - 10px);
}
}

@media only screen and (max-width: 770px){
.teamPortrait {
width: calc(50% - 10px);
}
}

@media only screen and (max-width: 640px){
.teamLeft {
float: none;
width: 100%;
clear: left;
}
.teamRight {
float: none;
width: calc(100% + 10px);
clear: left;
margin-left: -10px;
}
.teamPortrait {
font-size: 11px;
line-height: 1.4em;
}
.teamPortrait h4 {
font-size: 13px;
}
}


/* Partner */

.partnerBox {
position: relative;
float: left;
width: calc(25% - 12px);
height: 208px;
border: #1d252d 1px solid;
margin: 0 0 10px 10px;
text-align: center;
}

.partnerBox p {
font-size: 90%;
}

.partnerBox img {
width: 100%;
height: auto;
padding-bottom: 20px;
}

@media only screen and (max-width: 990px){
.teamPortrait {
width: calc(33.333333% - 10px);
}
}

@media only screen and (max-width: 770px){
.teamPortrait {
width: calc(50% - 10px);
}
}

@media only screen and (max-width: 640px){
.teamLeft {
float: none;
width: 100%;
clear: left;
}
.teamRight {
float: none;
width: calc(100% + 10px);
clear: left;
margin-left: -10px;
}
}


/* Eingerückt von links - Sidebar links */
.sidebarLeft {
position: relative;
width: 100%;
padding-left: 20%;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

td, th {
vertical-align: top;
text-align: left;
padding: 10px 10px 10px 0;

-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

td.right, th.right {
text-align: right;
}


tr.line td {
border-top: #1d252d 1px solid;
}

.line:hover td:last-child {
color: #097fba;
}

a.indent {
display: inline-block;
text-indent: -9999px;
overflow: hidden;
}

.line .icon {
font-size: 150%;
}

.cursor,
.cursor td {
cursor: pointer;
}

@media only screen and (max-width: 990px){
.sidebarLeft {
padding-left: 0;
}
}

/* Aktuell */
.newsBild {
position: relative;
width: 100%;
height: auto;
padding-bottom: 10px;
line-height: 1px;
}

.newsBild img {
width: 100%;
height: auto;
}

.aktuellLeft {
position: relative;
float: left;
width: 220px;
padding: 22px 0 0 0;
}

.aktuellRight {
position: relative;
float: left;
width: calc(80% - 250px);
padding-right: 30px;
}

.aktuellRight h2 {
font-size: 24px;
margin-bottom: 0;
}

.mehr {
font-weight: 600;
}

@media only screen and (max-width: 990px){
.aktuellLeft {
position: relative;
float: none;
clear: both;
width: 100%;
padding: 0;
}
.aktuellLeft h3 {
margin: 0;
}
.aktuellRight {
width: calc(70% - 30px);
padding-right: 30px;
}
.aktuellListe .asideRight {
width: 30%;
}
.aktuellRight h2 {
margin-top: 0;
}
}

@media only screen and (max-width: 640px){
.aktuellLeft {
float: none;
width: 100%;
clear: left;
padding: 0;
}
.aktuellRight {
float: none;
width: calc(100% - 20px);
clear: left;
margin-left: 0;
}
.aktuellListe .asideRight {
width: 100%;
}
}



/* Galerie */
.galerieLeft {
position: relative;
float: left;
width: 220px;
}

.galerieRight {
position: relative;
float: left;
width: calc(100% - 220px);
}

.galerieListe {
margin-left: -10px;
width: calc(100% + 10px);
}

.galerieListe p {
padding-left: 10px;
}

.galerie {
position: relative;
float: left;
width: calc(25% - 10px);
margin: 0 0 10px 10px;
line-height: 1px;
}

.galerie img {
width: 100%;
height: auto;
}

.galeriePlus {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
font-size: 40px;
}

.galeriePlus a {
background: transparent;
color: transparent;
display: block;
width: 100%;
text-align: center;
padding-top: calc(50% - 20px);
padding-bottom: calc(50% - 19px);
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 0.5s;
}

.galeriePlus a:hover {
background: RGBA(248, 236, 0, 0.90);
color: #222;
}

.galeriePlus .icon {
margin: 0;
}

@media only screen and (max-width: 990px){
.galerie {
width: calc(33.333333% - 10px);
}
}

@media only screen and (max-width: 770px){
.galerie {
width: calc(50% - 10px);
}
}

@media only screen and (max-width: 640px){
.galerieLeft {
float: none;
width: 100%;
clear: left;
}
.galerieRight {
float: none;
width: calc(100% + 10px);
clear: left;
margin-left: -10px;
}
.galeriePlus a:hover {
background: transparent;
color: transparent;
}
}




/* Google Map, Kontakt */
#map {
position: relative;
width: 100%;
height: 400px;
margin-top: 50px;
}



/* Suche */

.suchliste ul {
list-style: none;
margin-left: 0;
margin-bottom: 15px;
border-top: #777 1px solid;
}

.suchliste li {
border-bottom: #777 1px solid;
padding: 10px 0;
}

.suchliste ul li:before {
content: "";
margin-left: 0;
}

.suchliste h3 {
margin-bottom: 0;
}

.suchliste a:after {
content: "";
}

.suchliste li p {
margin-bottom: 0;
}



/* Tablesorter */

th.tablesorter-header {
background-color: #1DA0E1;
background-image: url(/_images/bg.gif);
background-repeat: no-repeat;
background-position: right 2px bottom 7px;
cursor: pointer;
}

th.tablesorter-header.sorter-false {
background-image: none;
cursor: default;
}

th.tablesorter-header.tablesorter-headerAsc {
background-image: url(/_images/asc.gif);
}

th.tablesorter-header.tablesorter-headerDesc {
background-image: url(/_images/desc.gif);
}


/* Akkordion */
.accordion {
position: relative;
width: 100%;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.accordionHeader {
cursor: pointer;
width: 100%;
padding-top: 5px;
border-top: #ddd 1px solid;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.accordionHeader:first-child {
border-top: none;
}

.accordionHeader h2 {
background: url(/_images/accordionOpen.png) no-repeat top 10px right;
display: block;
width: 100%;
padding-right: 50px;
font-size: 24px;
margin: 6px 0 15px 0;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.ui-accordion-header-active h2 {
background: url(/_images/accordionClose.png) no-repeat top 10px right;
}

.accordionContent {
width: 100%;
padding: 0 0 40px 0;

display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-direction: row;
-ms-flex-wrap: wrap;
flex-direction: row;
flex-wrap: wrap;
}

@media only screen and (max-width: 760px){
.accordionHeader h2 {
font-size: 18px;
background: url(/_images/accordionOpen_mobile.png) no-repeat top 8px right;
padding-right: 30px;
}
.ui-accordion-header-active h2 {
background: url(/_images/accordionClose_mobile.png) no-repeat top 8px right;
}
}


/* Ausbildung */

.blaseTop {
height: 80%;
padding: 0 30px;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

display: -ms-flexbox;
-ms-flex-pack: center;
-ms-flex-align: center;
display: -moz-box;
-moz-box-pack: center;
-moz-box-align: center;
display: -webkit-box;
-webkit-box-pack: center;
-webkit-box-align: center;
display: box;
box-pack: center;
box-align: center;
}

.blaseTop img {
width: 100%;
height: auto;
}

.blaseBottom {
width: 100%;
height: 20%;
text-align: center;
}

.blaseBottom img {
width: auto;
height: 100%;
}

.download {
position: relative;
width: 100%;
border-bottom: #666 1px dotted;
padding: 20px 0 10px 0;
}

.download h3 {
font-size: 24px;
font-weight: 300;
text-transform: uppercase;
margin-bottom: 0.5em;
}

.download p {
width: calc(100% - 60px);
}

.downloadLink {
position: absolute;
bottom: 25px;
right: 0;
width: 35px;
height: 35px;
}

.downloadLink .icon {
display: none;
}

@media only screen and (max-width: 760px){
#sprechblase {
position: relative;
display: block;
width: calc(100% - 10px);
margin-left: 10px;
height: 145px;
}
.blaseTop {
padding: 10px 0;
}
.blaseTop img {
width: auto;
height: 100%;
}
.headerMobile img {
width: 100%;
height: auto;
}
.download h3 {
font-size: 18px;
}
}


/* Footer
*******************************************************************************/

/* fixed Footer helper */
#push {
height: 20px; /* push must be the same height as footer 390 */
clear: both;
}

#footerWrap {
position: relative;
height: 80px;
width: 100%;
margin: -80px auto 0 auto;
clear: both;
}

#footer {
position: relative;
max-width: 1100px;
margin: 0 auto;
padding: 20px 15px 0 15px;
font-size: 14px;
color: #1d252d;
line-height: 1.4em;
height: 60px;
}

#footer a:link,
#footer a:visited {
color: #666;
}

#footer a:hover,
#footer a:active,
#footer a.aktiv {
color: #097fba;
}

.footerAdresse {
position: relative;
float: left;
width: 66.666666%;
padding-right: 20px;
padding-bottom: 10px;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.footerAdresse ul {
list-style: none;
clear: left;
}

.footerAdresse li {
float: left;
padding-left: 4px;
}

.footerAdresse li:after {
content: ' · ';
}

.footerAdresse li:last-child:after {
content: '';
}

.footerLogos {
position: absolute;
bottom: 5px;
right: 15px;
width: 33.333333%;
text-align: right;
}

.footerLogos ul {
list-style: none;
}

.footerLogos li {
float: right;
padding-left: 20px;
width: 100px;
height: 60px;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.footerLogos li:last-child {
/*padding-top: 20px;*/
}

.footerLogos img {
max-width: 100%;
height: auto;
}

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

.footerLogos li {
width: 80px;
height: 60px;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.footerLogos li:last-child {
padding-top: 0;
}
.footerLogos img {
max-width: auto;
max-height: 100%;
}
}

@media only screen and (max-width: 760px){
#push {
display: none;
}
#footerWrap {
height: auto;
margin: 0 auto;
}
#footer {
height: auto;
/*padding: 0 0 0 0;*/
}
.footerAdresse li {
float: none;
padding-left: 0;
}
.footerAdresse li:after {
content: '';
}
.footerLogos {
position: absolute;
bottom: auto;
right: 15px;
width: 33.333333%;
top: 10px;
}
.footerLogos li {
float: none;
padding-left: 0;
padding-bottom: 10px;
width: 100%;
height: 80px;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.footerLogos li:last-child {
padding-top: 0;
}
.footerLogos img {
max-width: auto;
max-height: 100%;
}
}

.footer__social {
padding-top: 10px;
}

.footer__social-icon {
padding-right: 10px;
}

.footer__social-icon img {
height: auto;
max-width: 30px;
}

/* Fontawsome
*******************************************************************************/

@font-face {
font-family: 'fontello';
src: url('/_fonts/font/fontello.eot?10202484');
src: url('/_fonts/font/fontello.eot?10202484#iefix') format('embedded-opentype'),
url('/_fonts/font/fontello.woff?10202484') format('woff'),
url('/_fonts/font/fontello.ttf?10202484') format('truetype'),
url('/_fonts/font/fontello.svg?10202484#fontello') format('svg');
font-weight: normal;
font-style: normal;
}

.icon {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;

display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 1em;
text-align: center;
/* opacity: .8; */

/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;

/* fix buttons height, for twitter bootstrap */
line-height: 1em;

/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;

/* You can be more comfortable with increased icons size */
/* font-size: 120%; */

/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

p.social {
margin-top: 10px;
}

a.icon {
border: #fff 1px solid;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
padding: 5px;
font-size: 18px;
}

.invers {
background: #1D9FE4;
color: #fff;
padding: 2px;
}





/* Formulare
*******************************************************************************/

.formularMail {
display: none;
}

form {
width: 100%;
}

#formKontakt {
width: 100%;
max-width: 950px;
padding: 20px 0 0 0;

display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-direction: row;
-ms-flex-wrap: wrap;
flex-direction: row;
flex-wrap: wrap;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#formMitglied .spalteFull {
padding: 0;
}

.formSpalte2 {
position: relative;
width: 50%;
}

fieldset {
width: 100%;
border: none;
margin: 0 0 25px 0;
padding: 0;
}

legend {
font-weight: 600;
color: #1DA0E1;
padding-bottom: 10px;
text-transform: uppercase;
}

form p {
margin: 0 !important;
padding-right: 40px;
line-height: 1.5em;
position: relative;
}

label {
float: left;
clear: left;
width: 30%;
}

label.check {
float: none;
width: auto;
display: inline-block;
}

label.formRadio {
float: none;
width: auto;
display: inline-block;
margin-left: 50px;
}

p.einrueck {
clear: left;
margin-bottom: 0 !important;
}

p.einrueckung {
padding-left: 30%;
}

.check input {
margin-right: 10px;
}

input.formGross {
position: relative;
width: 100%;
border: #1d252d 1px solid;
color: #1d252d;
background: #fff;
padding: 3px 5px 3px 5px;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 400;
font-size: 15px;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

-webkit-appearance: none;
border-radius: 0;
}

input.formPLZ {
position: relative;
float: left;
width: 20%;
margin-right: 2%;
border: #1d252d 1px solid;
color: #1d252d;
background: #fff;
padding: 3px 5px 3px 5px;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 400;
font-size: 15px;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

-webkit-appearance: none;
border-radius: 0;
}

input.formOrt {
position: relative;
float: left;
width: 78%;
border: #1d252d 1px solid;
color: #1d252d;
background: #fff;
padding: 3px 5px 3px 5px;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 400;
font-size: 15px;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

-webkit-appearance: none;
border-radius: 0;
}

.loginSidebar input.formGross {
float: none;
clear: both;
width: 100%;
}

.aendern input.formGross {
width: 50%;
}

input.formGross:disabled {
border: #fff 1px solid;
color: #333;
}

textarea.formGross {
position: relative;
width: 100%;
height: 136px;
border: #1d252d 1px solid;
color: #1d252d;
background: #fff;
font-size: 15px;
padding: 3px 5px 3px 5px;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 400;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

-webkit-appearance: none;
border-radius: 0;
}

#formKontakt textarea.formGross {
height: 98px;
}

select.formGross {
position: relative;
float: left;
width: 100%;
border: #1d252d 1px solid;
color: #1d252d;
background: #fff url(/_images/bgSelect.png) no-repeat top right;
font-size: 13px;
padding: 3px 5px 3px 5px;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 400;
font-size: 15px;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

-moz-appearance: none;
-webkit-appearance: none;
border-radius: 0;
}

select.formKlein {
position: relative;
float: left;
width: 120px;
border: #1d252d 1px solid;
color: #1d252d;
background: #fff url(/_images/bgSelect.png) no-repeat top right;
font-size: 13px;
padding: 3px 5px 3px 5px;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 400;
font-size: 15px;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

-moz-appearance: none;
-webkit-appearance: none;
border-radius: 0;
}

input.formRadio {
margin-right: 10px;
}

input:hover.formGross,
input:focus.formGross,
textarea:hover.formGross,
textarea:focus.formGross,
select:hover.formGross,
select:focus.formGross {
border-color: #097fba;
}

.formSchnuppern input:hover.formGross,
.formSchnuppern input:focus.formGross,
.formSchnuppern textarea:hover.formGross,
.formSchnuppern textarea:focus.formGross,
.formSchnuppern select:hover.formGross,
.formSchnuppern select:focus.formGross {
border-color: #00A5DB;
}

input.invalid {
background: #f6dce2;
}

p.formSend {
padding-top: 5px;
}

input.sendKontakt {
border: none;
color: #ffffff;
background: #097fba;
padding: 5px 15px 5px 15px;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 400;
font-size: 13px;
margin-top: 20px;
width: 80px;
height: 80px;
padding-top: 55px;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

-webkit-appearance: none;
border-radius: 0;
}

.formSchnuppern input.sendKontakt {
background: #00A5DB;
}


.aendern input.sendKontakt {
width: 50%;
margin-left: 50%;
}

.loginSidebar input.sendKontakt {
width: 100%;
margin-left: 0;
margin-top: 0;
}


input:hover.sendKontakt,
input:focus.sendKontakt {
background: #333;
color: #fff;
}

.formGross::-webkit-input-placeholder {
color: #888;
}
.formGross:-moz-placeholder { /* Firefox 18- */
color: #888;
}
.formGross::-moz-placeholder {  /* Firefox 19+ */
color: #888;
}
.formGross:-ms-input-placeholder {
color: #888;
}

@media only screen and (max-width: 900px){
form {
width: 100%;
/*margin-right: -20px;*/
}
.formSpalte2 {
width: 100%;
}
label.formRadio {
width: 100%;
display: block;
margin-left: 0;
}
p.formSend {
padding-top: 0;
}
}

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

}

@media only screen and (max-width: 480px){
label,
.aendern label {
float: none;
clear: both;
width: 100%;
margin-bottom: 3px;
display: block;
}
input.formGross,
textarea.formGross,
select.formGross,
.aendern input.formGross {
float: none;
clear: both;
width: 100%;
}
form p {
margin: 0 !important;
padding-right: 0;
line-height: 1.3em;
}
p.einrueckung {
padding-left: 0 !important;
}
}

input.error {
border: #F00 1px solid;
}

input.error:focus {
border: #F00 1px solid;
}

label.error {
display: none !important;
}