/* =======================================
   Reset
======================================= */
* { padding: 0; margin: 0; }
body { position: relative; font-weight: 300; font-style: normal; font-size: 100%; color: #000; }
img { border: 0; }
iframe { border: 0; margin: 0; }



/* =======================================
   Layout
======================================= */
.wrapper { position: relative; max-width: 1200px; margin: 0 auto; }

/* Header   =============================== */
#wrapper_header { position: fixed; max-width: none; margin: auto; left: 0; right: 0; z-index: 100; background-color: #FFF; -o-box-shadow: 0 3px 3px -3px rgba(0,101,106,0.3); -moz-box-shadow: 0 3px 3px -3px rgba(0,101,106,0.3); -webkit-box-shadow: 0 3px 3px -3px rgba(0,101,106,0.3); box-shadow: 0 3px 3px -3px rgba(0,101,106,0.3); }
header { position: relative; margin: 0 auto; width: 100%; max-width: 1200px; height: 130px; margin-bottom: 20px; }
#logo { position: absolute; top: 15px; left: 3%; width: 165px; height: auto; }
header ul { list-style-type: none; margin-left: 0; padding-left: 0; }
#utility { position: absolute; top: 15px; right: 3%; font-weight: 300; }
#utility li { position: relative; float: left; padding-left: 25px; }
#utility i { margin-right: 5px; }


/* Imagestreifen   =========================== */
#wrapper2 { position: relative; padding-top: 150px; text-align: center; }
#header_textfeld { position: absolute; bottom: -200px; max-width: 60%; left: 5%; }
#header_textfeld h1 { font-size: 2em; font-weight: 600; padding: 1% 2% 1.5% 2%; opacity: 0.2; filter: alpha(opacity=30); background-color: rgba(255,255,255,0.8); }
#headerimage { padding-top: 25%; background-size: cover; background-position: center; overflow: hidden; }
.body-homepage #headerimage { padding-top: 35%; }
#wrapper2 .headerimage_home { padding-top: 40%; }


/* Navigation   =========================== */
#bg_navi { position: absolute; bottom: 0; width: 100%; height: 40px; background-color: rgba(0,101,160,0.6); }
#header2 { position: relative; max-width: 1200px; margin: 0 auto; }
#header2 ul { list-style-type: none; margin-left: 0; padding-left: 0; }
#header2 ul i { display: none; }

nav { position: absolute; bottom: 0; width: 100%; }
.navi_ebene1 .navi_1 { position: relative; float: left; padding: 0 35px; }
.navi_ebene1 a { font-size: 1.188em; font-weight: 300; letter-spacing: 0.025em; color: #fff; display: block; line-height: 40px; }
.navi_ebene1 a:focus, .navi_ebene1 a:hover { color: #44ffff; border-bottom: none; }
.navi_ebene1 #navi_1_selected { color: #44ffff; }

.navi_ebene2 li { clear: both; width: 350px; }
.navi_ebene2 a { font-size: 0.938em; font-weight: 400; text-align: left; display: block; line-height: 34px; padding: 0 0 0 35px; border-bottom: 1px solid #adffff; }
.navi_ebene2 a:focus, .navi_ebene2 a:hover { background-color: rgba(0,101,160,1); border-bottom: 1px solid #adffff; }
.navi_1 ul { position: absolute; top: -9999px; left: -9999px; width: 0; height: 0; }
.navi_1:hover ul { position: absolute; z-index: 100; top: 40px; left: 0; width: auto; height: auto; background-color: rgba(0,101,160,0.9); }
#navi_2_selected { color: #44ffff; }


/* Content   ============================== */
#content { padding: 40px 3% 100px 3%; background-color: #fff; overflow: hidden; }
.content_text { width: 60%; float: left; }
.content_right { width: 32%; float: right; }
aside { padding: 15px 4% 30px 4%; margin-bottom: 20px; border: 1px solid #64c6e4; }
aside img { width: 100%; height: auto; }
#content a:focus, #content a:hover { border-bottom: none; text-decoration: underline; }


/* Footer  =========================== */
.wrapper_footer { background-color: #bedffe; -o-box-shadow: 0 10px 4px -4px rgba(0,101,106,0.3) inset; -moz-box-shadow: 0 10px 4px -4px rgba(0,101,106,0.3) inset; -webkit-box-shadow: 0 10px 4px -4px rgba(0,101,106,0.3) inset; box-shadow: 0 10px 4px -4px rgba(0,101,106,0.3) inset; }
footer { width: 96.5%; max-width: 1200px; margin: 0 auto; padding: 40px 0 100px 3.5%; }
footer a:link, footer a:visited, footer a:active  { color: #0065a6; }
footer a:focus, footer a:hover { border-bottom-color: #0065a6; }


/* =======================================
   Extras
======================================= */
#content_foto a:focus, #content_foto a:hover { text-decoration: none; }
#content_foto .content_team_detail a:focus, #content_foto .content_team_detail a:hover { text-decoration: underline; }


/* --- Praxis Slideshow -------------- */
#slides { position: relative; display: none; }
#slides img { width: 100%; height: auto; }
#slides p { position: absolute; bottom: 0; padding: 5px 10px 10px 10px; background-color: rgba(255,255,255,0.5); }

#slides .slidesjs-previous { position: absolute; z-index: 10; top: 40%; left: 2%; text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.5); }
#slides .slidesjs-next { position: absolute; z-index: 10; top: 40%; right: 2%; text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.5); }

.slidesjs-pagination { margin: 6px 0 0; float: right; list-style: none; opacity: 1; }
.slidesjs-pagination li { float: left; margin: 0 1px; }
.slidesjs-pagination li a { display: block; width: 13px; height: 0; padding-top: 13px; background-image: url(../img/pagination.png); background-position: 0 0; float: left; overflow: hidden; }

.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background-position: 0 -13px; }
.slidesjs-pagination li a:hover { background-position: 0 -26px; }

.icon-angle-left, .icon-angle-right { opacity: 0.5; }
 #slides a { color: #fff; }
.icon-angle-left:hover, .icon-angle-right:hover  { opacity: 1; }


/* --- Team -------------------------- */
#wrapper_team { margin-bottom: 40px; overflow: hidden; }
.team { position: relative; width: 158px; height: 158px; padding: 0 2px 2px 0; text-align: center; float: left; }
.team img { width: 100%; height: auto; }
.team a { position: absolute; bottom: 0; left: 0; width: 100%; height: 15%; color: #000; font-size: 0.875em; display: block; padding-top: 85%; background-image: url(../img/hg_team_white_50.png); background-position: 0% 100%; background-size: 100% 16%; background-repeat: repeat-x; }
.team a:hover { background-image: url(../img/hg_team_white_90.png); }

.content_team_detail { padding: 2%; margin-bottom: 20px; border: 1px solid #64c6e4; overflow: hidden; }
.content_team_detail img { float: left; width: 20%; height: auto; max-width: 160px; margin-right: 4%; -o-border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px; border-radius: 80px; }
.anker { position: relative; top: -150px; }


/* --- Formular -------------------------- */
.tabelle { width: 100%; border-collapse: collapse; }
.tabellenbreite_1 { width: 35%; padding: 3px 0 5px 0; vertical-align: top; }
.tabellenbreite_2 { width: 65%; padding-bottom: 5px; }
.eingabefeld { font-size: 1em; width: 98%; height: auto; padding: 1%; border: 1px solid #64c6e4; background-color: rgba(100,198,228,0.1); }
#kommentarfeld { min-height: 100px; }
.liste { font-size: 1em; width: 100%; height: auto; }
.tabelle img { width: 100%; height: auto; max-width: 200px; }
.btn_senden { font-size: 1em; font-weight: 700; color: white; width: 50%; height: auto; margin-top: 50px; padding: 2%; background-color: #64c6e4; border: none; }




/* =======================================
   Responsive
======================================= */
@media screen and (max-width: 1024px) and (orientation: portrait) {
/* Imagestreifen   =========================== */
#wrapper2 .headerimage_home { padding-top: 0; height: 500px; }
}
@media screen and ( max-width: 767px ) {
p {	font-size: 0.938em; line-height: 1.5em; }
h1 { font-size: 1.25em; line-height: 1.25em; }
h2 { font-size: 1.25em; line-height: 1.25em; }
h3 { font-size: 0.938em; line-height: 1.5em; }
h4 { font-size: 0.938em; line-height: 1.5em; }
#content ul { font-size: 0.938em; line-height: 1.5em; }

header ul { margin-bottom: 0; }
header .navi_mobile { display: none; }
#utility li { font-size: 1.25em; padding-left: 40px; }
#utility i { margin-right: 0; }
#utility a:focus, #utility a:hover { color: #49d4ff; border-bottom: none; }

#header_textfeld h1 { font-size: 1.5em; line-height: 1.25em; }
#header_textfeld { max-width: 70%; }


/* Navigation   =========================== */
#header2 { text-align: center; }
nav { width: 100%; padding-left: 0; }

.navi_ebene1 a { font-size: 1.375em; }
.navi_ebene2 a { font-size: 0.938em; padding: 0 0 0 8%; }

.navi_ebene1 .navi_1 { width: 20%; padding: 0; }
.navi_ebene1 .navi_1 .navi_mobile { display: none; }
#header2 ul i { display: inline-block; }


/* Content   =========================== */
aside { padding: 10px 4% 15px 4%; }

.eingabefeld { font-size: 0.938em; }
.liste { font-size: 0.814em; }
}


@media screen and ( max-width: 599px ) {
.wrapper { min-width: 300px; }

/* Header   =========================== */
#wrapper_header { position: relative; }
header { height: 100px; margin: 0; }
#logo { top: 8px; max-width: 110px; height: auto; }
#utility li { padding-bottom: 10px; padding-left: 18px; }


/* Navigation   =========================== */
#wrapper2 { padding-top: 0; }
#header_textfeld { display: none; }
#headerimage { display: none; }
#bg_navi { position: relative; bottom: 0; background-color: rgba(0,101,160,0.8); }
nav { bottom: 0; }
.navi_ebene2 li { width: 280px; }
.navi_ebene2 a { padding: 0 0 0 6%; }


/* Content   =========================== */
#content { padding: 25px 3% 20px 3%; overflow: hidden; }
.content_text { width: 100%; float: none; margin-bottom: 20px; }
.content_right { width: 100%; float: none; }
aside { margin-bottom: 10px; }


/* Extras   =========================== */
#slides .slidesjs-previous { top: 25%; }
#slides .slidesjs-next { top: 25%; }
#slides p { padding: 2px 5px 7px 5px; }

.team { width: 49%; height: auto; padding: 0 1% 0 0; }
.team a { font-size: 0.814em; }
.content_team_detail img { width: 40%; margin-right: 4%; }
.anker { top: 0; }

.tabelle { margin-bottom: 80px; }
#google_map { margin: 0 10% 0 10%; }
}



.module-hero {
	display: none;
}
@media screen and ( min-width: 600px ) {
	.module-hero {
		display:block;
	}
}

#logo {
    -webkit-transition: width .4s ease-out;
    transition: width .4s ease-out;
}

#logo.logosmall {
    top: 15px;
    width: 110px;
    -webkit-transition: width .4s ease-out;
    transition: width .4s ease-out;
}

header {
    -webkit-transition: width .5s ease-out;
    transition: width .5s ease-out;
}

header.headersmall  {
    -webkit-transition: width .5s ease-out;
    transition: width .5s ease-out;
    height: 90px;
}


.blogentry {
  margin-bottom: 30px;
}


.blogentry a {
  text-decoration: none;
  color:rgb(0, 51, 102);
}
.blogentry a:hover {
  text-decoration: none;
  color:rgb(0, 51, 102);
}
#content .blogentry a:focus,
#content .blogentry a:hover{
  text-decoration: none;
  color:rgb(0, 51, 102);
}

.blogimage {
  width:100%;
}

.blogentry .weiter {
  text-decoration: underline;
  margin-top: 15px;
}
.blogentry .weiter:hover {
  text-decoration: none;
}

@media screen and ( min-width: 768px ) {
    .navi_ebene1 .navi_1 {
        padding: 0px 0.8vw;
    }
}
@media screen and ( min-width: 800px ) {
    .navi_ebene1 .navi_1 {
        padding: 0px 1vw;
    }
}
@media screen and ( min-width: 860px ) {
    .navi_ebene1 .navi_1 {
        padding: 0px 1.6vw;
    }
}
@media screen and ( min-width: 1120px ) {
    .navi_ebene1 .navi_1 {
        padding: 0px 35px;
    }
}
@media screen and ( max-width: 767px ) {
    .navi_ebene1 .navi_1 {
        width: calc(100% / 6);
    }
}