/* Schriften */

@font-face {font-family: 'BenchNine-Regular'; src: url("../fonts/BenchNine-Regular.ttf"); src: local('BenchNine-Regular'), url("../fonts/BenchNine-Regular.ttf") format('ttf'), url("../fonts/BenchNine-Regular.ttf") format('opentype');}
@font-face {font-family: 'Roboto-Light'; src: url("../fonts/Roboto-Light.ttf"); src: local('Roboto-Light'), url("../fonts/Roboto-Light.ttf") format('ttf'), url("../fonts/Roboto-Light.ttf") format('opentype');}

/* Grundlagen */

body {background-color: #aaabad; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; z-index:1;}

body.loading * {-moz-transition: none !important; -webkit-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; -moz-animation: none !important; -webkit-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important;}
body, input, select, textarea {color: #000; font-family: "Roboto-Light", sans-serif; font-size: 1.1em; font-weight: 100; line-height: 1.35em;}

/* Banner*/

.banner {padding: 0.4em 0em 2.4em 0em;}

/* Logo*/

.logo {display: block; z-index:2;}

/* Header / Schriften*/

a {color: #000; text-decoration: none;}
a:hover {text-decoration: none;}
strong, b {color: #000; font-weight: 500;}
em, i {font-style: italic;}
p {margin: 0 0 0.3em 0; color:#000;	font-weight: 100; cursor: default;}
p2 {margin: 0 0 0.3em 0; color:#000;	font-weight: 300; cursor: default;}

h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit;	text-decoration: none;cursor: default;}
h1 {font-size: 1.4em;font-family: 'BenchNine-Regular';line-height: 1.5em;color: #FFFFFF;font-weight: 300;margin: 0 0 0.4em 0;letter-spacing: 0.1em;margin-bottom:1.1em; margin-top:0em;cursor: default;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);display: block;}
h2 {font-size: 1.3em;font-family: 'BenchNine-Regular';line-height: 1.3em;color: #004380;font-weight: 300;lmargin: 0 0 0.4em 0;text-transform: uppercase;letter-spacing: 0.1em;cursor: default;}
h3 {font-size: 1.4em;font-family: 'BenchNine-Regular';lline-height: 1.6em;color: #004380;font-weight: 300;margin-bottom:0.6em; margin-top:0.5em;letter-spacing: 0.01em;cursor: default;}
h4 {font-size: 1.0em;	font-family: 'BenchNine-Regular';line-height: 1.0em;color: #004380;font-weight: 300;margin:  0.2em 0 0em 0;text-transform: uppercase;letter-spacing: 0.1em;cursor: default;}
h5 {font-size: 0.9em;font-family: 'BenchNine-Regular';line-height: 0.9em;color: #004380;font-weight: 300;letter-spacing: 0.1em;text-align: center; margin-bottom:1.9em; margin-top:-0.1em;cursor: default;}
h6 {font-size: 0.9em;	font-family: 'BenchNine-Regular';line-height: 1.0em;color: #004380;font-weight: 300;margin:  0 0 0.4em 0;text-transform: none;letter-spacing: 0.1em;}

hr {max-width: 97%; margin-top: 0em; margin-bottom:-1px; margin-left: auto;  margin-right: auto; color: #5390c4 ;} 
hr-2 {max-width: 100%; margin-top: 0em; margin-bottom:-1px; margin-left: auto; margin-right: auto; color: #5390c4 ;} 
#container hr {margin-top: 0em; margin-bottom:-1px; margin-left: auto; margin-right: auto; width: 100%;color:#c1c1c1;} 

#skel-layers-wrapper {padding-top: 0em;}
#header {border-top: 1px solid #000;background: #69acdf;color: #555f66;cursor: default;height: 2.3em;left: 0;line-height: 2.3em;position: fixed;top: 0em;width: 100%;box-shadow: 0 0 0.8em 0 rgba(0, 0, 0, 1);z-index: 3;}
#header h1 {font-weight: 200;height: inherit;left: 0em;line-height: inherit;margin: 0;padding: 0;position: absolute;top: 0;}
#header h1 a {font-size: 1.25em;color: #FFFFFF;font-weight: 200;height: inherit;left: 0em;line-height: inherit;margin: 0;padding: 0;position: absolute;top: 0;}

#header nav {height: inherit;line-height: inherit;position: absolute;right:1.2em; top: 0;vertical-align: middle;}
#header nav > ul {font-family: "BenchNine-Regular";font-size: 1.3em;list-style: none;margin: 0;padding-left: 0;}
#header nav > ul > li {border-radius: 6px;display: inline-block;margin-left: 0.3em;padding-left:0;}
#header nav > ul > li a {background-color: transparent;padding-left: 4px;padding-right: 4px;-moz-transition: color 0.2s ease-in-out;-webkit-transition: color 0.2s ease-in-out;-o-transition: color 0.2s ease-in-out;-ms-transition: color 0.2s ease-in-out;transition: color 0.0s ease-in-out;color: #000;display: inline-block;text-decoration: none;}
#header nav > ul > li a.active {background-color: #4a7ba5;color: #FFFFFF; padding-left: 4px;padding-right: 4px;cursor: default;}
#header nav > ul > li .button {height: 1.2em;line-height: 1.2em;margin-bottom: 0;padding: 0 1em;position: relative;top: -0.075em;vertical-align: middle;}
#header .container {position: relative;}
#header .container nav {right: 0;}
#header .container nav li:hover > a {color: #FFFFFF;}

header.major {padding-bottom: 0.0em;	padding-top: 0em;	text-align: center;text-transform: none;}

/* Menü */

.dropotron {top: 2em;background:#69acdf rgba(41, 84, 116, 0.8); border-radius: 0px; min-width: 6em; padding: 0.5em 0; color:#000000; -webkit-box-shadow: -1px 6px 6px 0px rgba(0,0,0,0.4); -moz-box-shadow: -1px 6px 6px 0px rgba(0,0,0,0.4); box-shadow: -1px 6px 6px 0px rgba(0,0,0,0.4);}
.dropotron > li {line-height: 1.0em;padding: 0 1.8em;font-family: "BenchNine-Regular";font-size: 1.3em;list-style: none;margin: 0; padding-bottom:0.7em;padding-left: 0;}
.dropotron > li > a {padding-left: 12px;color: inherit;letter-spacing: 0.01em;text-decoration: none;text-transform: none;}
.dropotron > li.active > a, .dropotron > li:hover > a {color: #FFFFFF;}
.dropotron.level-0 {border-radius: 0 0 90px 0px;font-size: 1em;margin-left: -0.5em;}

/* Pagination */

ul.pagination {display: inline-block;padding:0;margin:0; margin-left:-0.7em;margin-bottom:0.6em; margin-top:0.0em;}
ul.pagination li {display:inline;}
ul.pagination li a {color: #004380;float: inherit;padding-left:12px; padding-right:12px; padding-top:0px; padding-bottom:0px; text-decoration: none;font-family: "BenchNine-Regular";font-size: 1.0em;list-style: none;margin: 0;}
ul.pagination li a.active {background-color: #5ea1d5;color: white;border: 1px solid #294f71;}
ul.pagination li a:hover:not(.active) {background-color: #79c8fa;border: 1px solid #294f71;-webkit-box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, .75);box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, 1.0);}
ul.pagination li a {border-radius: 4px;}
ul.pagination li a.active {border-radius: 4px;}
ul.pagination li a {transition: background-color .5s;}
ul.pagination li a {border: 1px solid #7ba9cc;}
.pagination li:first-child a {border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.pagination li:last-child a {border-top-right-radius: 0px;border-bottom-right-radius: 0px;}

/* Main */

#main {padding: 4em 0;}
#main #content .major, #main #sidebar .major {text-align: left;}
#main #sidebar section {margin-top: 4em;}
#main #sidebar section:first-child {	margin-top: 0;}
#main #sidebar .major {padding-bottom: 2em;}
#main #sidebar .major h2 {font-size: 1.8em;}

/* Videos */

video {max-width: 100%;height: auto; border:1px solid #000;margin-bottom: 0.2em;}
.responsive-video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%; border:1px solid #5390c4;}
.responsive-video {position: relative;padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/padding-top: 0px;height: 0;overflow: hidden;margin-bottom: 0.2em;}

sub {font-size: 0.8em;position: relative;top: 0.5em;}
sup {font-size: 0.8em;position: relative;top: -0.5em;}
blockquote {border-left: solid 4px rgba(144, 144, 144, 0.25);font-style: italic;margin: 0 0 2em 0;padding: 0.5em 0 0.5em 2em;}
section.special, article.special {text-align: center;}

/* Form */

input[type="text"],input[type="password"],input[type="email"],	textarea {-moz-appearance: none;-webkit-appearance: none;-o-appearance: none;-ms-appearance: none;appearance: none;background: none;border: solid 1px #000000;color: inherit;	display: block;outline: 0;padding: 0.75em;	text-decoration: none;width: 100%;	}
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus {border-color: #000000;}
input[type="text"],input[type="password"],input[type="email"] {line-height: 1em;}
::-webkit-input-placeholder {	color: inherit;opacity: 0.5;position: relative;top: 3px;}
:-moz-placeholder {color: inherit;	opacity: 0.5;}
::-moz-placeholder {color: inherit;opacity: 0.5;}
:-ms-input-placeholder {color: inherit;opacity: 0.5;	}
.formerize-placeholder {color: rgba(85, 85, 85, 0.5) !important;}

/* Fotos */

.kreis-ohne {border: 0;position: relative;}
.kreis-ohne img {border:0px solid #5390c4; border-radius: 100%; cursor: default}

.kreis {border: 1;position: relative;}
.kreis img {border:1px solid #5390c4; border-radius: 100%;}

.image {border: 1;position: relative;cursor:auto;}
.image img {border:1px solid #5390c4; border-radius: 0px;}
.image.fit {display: block;margin: 0 0 0.7em 0;width: 100%; border:1 #0f06}
.image.fit img {display: block;width: 100%;}
.image.left {float: left;padding: 0 1.5em 1em 0;top: 0.25em;}
.image.right {float: right;padding: 0 0 1em 1.5em;top: 0.25em;}
.image.vorschau {display: block;margin: 0 0 0.7em 0;width: 100%;}
.image.vorschau img {display: block;max-width: 100%;}
.image.feature {display: block;	margin: 0 0 2em 0;}
.image.feature img {display: block;width: 100%;}
.image.rounded {border-radius: 100%;}
.image.rounded img {border: solid 0.5em rgba(144, 144, 144, 0.25);border-radius: 100%;}
.image.captioned {border-radius: 0;margin-bottom: 4em;}
.image.captioned img {border-radius: 0;}
.image.feature {display: block;	margin: 0 0 2em 0;}

/* Links */

.kreis img.link {display: block;margin: 0 0 2em 0;width: 100%;border:1px solid #5390c4;}
.kreis img:hover {-webkit-box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, .75);box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, 1.0);}
.kreis img {-webkit-box-shadow: 0px 0px 15px 5px rgba(0, 185, 233, .75);box-shadow: 0px 0px 15px 5px rgba(0, 185, 233,0.0);-webkit-transition: all 0.7s ease;transition: all 0.4s ease;}

.links.link {display: block;margin: 0 0 2em 0;width: 100%;border:1px solid #5390c4;}
.links:hover {-webkit-box-shadow: 0px 0px 15px 10px rgba(255, 255, 255, .75);box-shadow: 0px 0px 15px 10px rgba(255, 255, 255, 1.0);}
.links {-webkit-box-shadow: 0px 0px 15px 5px rgba(0, 185, 233, .75);box-shadow: 0px 0px 15px 5px rgba(0, 185, 233,0.0);-webkit-transition: all 0.7s ease;transition: all 0.4s ease;}


/* Icon */

.icon {position: relative;}
.icon:before {content: "";-moz-osx-font-smoothing: grayscale;	-webkit-font-smoothing: antialiased;font-family: FontAwesome;font-style: normal;font-weight: normal;text-transform: none !important;}
.icon > .label {display: none;	}

/* Listen */

ol {list-style: decimal;	margin: 0 0 2em 0;padding-left: 1.25em;}
ol li {padding-left: 0.25em;}
ul {list-style: disc;margin: 0 0 0.6em 0;padding-left: 1em;cursor: default;}
ul li {	padding-left: 0.5em; color:#000}
ul.alt {list-style: none;padding-left: 0;}
ul.alt li {border-top: solid 1px rgba(144, 144, 144, 0.25);padding: 0.5em 0;}
ul.alt li:first-child {border-top: 0;padding-top: 0;}
ul.icons {cursor: default;list-style: none;padding-left: 0;}
ul.icons li {display: inline-block;padding: 0 1.25em 0 0;}
ul.icons li:last-child {padding-right: 0;}
ul.icons li .icon:before {font-size: 1.5em;}
ul.actions {cursor: default;	list-style: none;padding-left: 0;}
ul.actions li {display: inline-block;padding: 0 1em 0 0;vertical-align: middle;}
ul.actions li:last-child {padding-right: 0;}
ul.actions.small li {padding: 0 0.5em 0 0;}
ul.actions.vertical li {display: block;padding: 1em 0 0 0;}
ul.actions.vertical li:first-child {padding-top: 0;}
ul.actions.vertical li > * {margin-bottom: 0;}
ul.actions.vertical.small li {padding: 0.5em 0 0 0;}
ul.actions.vertical.small li:first-child {padding-top: 0;}
ul.actions.fit {display: table;margin-left: -1em;padding: 0;table-layout: fixed;width: calc(100% + 1em);}
ul.actions.fit li {display: table-cell;padding: 0 0 0 1em;}
ul.actions.fit li > * {margin-bottom: 0;}
ul.actions.fit.small {margin-left: -0.5em;width: calc(100% + 0.5em);}
ul.actions.fit.small li {padding: 0 0 0 0.5em;}
dl {margin: 0 0 2em 0;}

/* Tables */

table {width: 100%;}
table.default {width: 100%;}
table.default tbody tr {border-bottom: solid 1px #82b440;}
table.default td {padding: 0.5em 1em 0.5em 1em;}
table.default th {font-weight: 700;	padding: 0.5em 1em 0.5em 1em;text-align: left;}
table.default thead {background: #000000;color: #FFFFFF;}

/* Button */

input[type="submit"],input[type="reset"],	input[type="button"],.button {-moz-appearance: none;-webkit-appearance: none;-o-appearance: none;-ms-appearance: none;appearance: none;background: none;border-radius: none;border: 2px solid;	border-color: #82b440;color: #82b440;cursor: pointer;display: inline-block;	padding: 0.90em 1.2em;
letter-spacing: 1px;text-align: center;text-decoration: none;text-transform: uppercase;font-size: 1.4em;-moz-transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;	-o-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:hover {background: #82b440;color: white;}
input[type="submit"].alt,input[type="reset"].alt,input[type="button"].alt,.button.alt {	border-color: inherit;color: inherit;}
input[type="submit"].alt:hover,input[type="reset"].alt:hover,input[type="button"].alt:hover,.button.alt:hover {background: white;color: #82b440;}
input[type="submit"].fit,input[type="reset"].fit,	input[type="button"].fit,.button.fit {width: 100%;}
input[type="submit"].small,input[type="reset"].small,	input[type="button"].small,.button.small {font-size: 0.8em;}
		
/* Kreise Feature */

.feature-grid {position: relative;}
.feature-grid:after {clear: both;content: '';display: block;}
.feature-grid .feature {display: inline-block;float: left;	margin-bottom: 3em;width: 50%;}
.feature-grid .feature .content {width: 60%;	}
.feature-grid .feature .image {width: 30%;}
.feature-grid .feature .image img {display: inline;max-width: 100%;}
.feature-grid .feature:nth-child(odd) .content, .feature-grid .feature:nth-child(odd) .image {float: right;margin-right: 5%;text-align: right;}
.feature-grid .feature:nth-child(even) .content, .feature-grid .feature:nth-child(even) .image {float: left;margin-left: 5%;text-align: left;}

/* Wrapper */

.wrapper {padding: 3em 0em 3em 0em;}
.wrapper.style1 {padding: 0em;background: #222222 url(../images/banner.jpg) no-repeat;background-size: cover;}
.wrapper.style2 {background: #f2f2f2;}
.wrapper.style2 .major {text-align: left !important;}
.wrapper.style2 .major h2 {display: block;margin-bottom: 0.70em;	letter-spacing: 1px;line-height: 1.4em;text-transform: uppercase;font-size: 1.8em;font-weight: 400;}
.wrapper.style2 .major .byline {letter-spacing: normal;line-height: 1.6em;text-transform: capitalize;font-size: 1.4em;}
.wrapper.style2 h3 {display: block;margin-bottom: 1em;letter-spacing: 1px;line-height: 1.4em;text-transform: uppercase;	font-size: 1.6em;font-weight: 400;}
.wrapper.style3 {padding-bottom: 6em;background: #82b440;text-align: center;	color: white;}
.wrapper.style3 .container {padding-left: 6em;padding-right: 6em;	}
.wrapper.style3 p {	font-size: 1.6em;}
.wrapper.style4 {background: white;}

.wrapper.style-kreis {text-align: center;	color: white;}
.wrapper.style-kreis .image {display: block;width: 60%;margin: 0em auto 0em auto;}
.wrapper.style-kreis .image img {border-radius: 50%;	border: 1px solid;border-color:  #4a7aa6;}

/* Copyright */

#copyright {position: relative;text-transform: uppercase;text-align: center;	padding: 3em 0em 3em 0em;	color: inherit;opacity: .40;}
#copyright a {text-decoration: none;color: inherit;}

/* Pfeil */

#pfeil-hoch {z-index: 2; position: fixed; bottom: -0.5em; right: 0em;}

/* Fuss */

#footer {background: #5391C2; padding: 0.8em 0 0.2em 0; margin-bottom:0em; margin-top:1em;position: fixed;bottom:0; left:0; width:100%; height:30 px; z-index:0;-webkit-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, .75);box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.8);}
#footer .copyright {font-size: 0.6em;line-height: 1.0em;color: #000;font-weight: 300;margin: 0 0 0.8em 0;text-transform:uppercase;letter-spacing: 0.1em;text-align: center;cursor: default;}

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

.kreis-ohne {border: 0;position: relative;}
.kreis-ohne img {border:0px solid #5390c4; border-radius: 100%; cursor: default}

.kreis {border: 1;position: relative;}
.kreis img {border:1px solid #5390c4; border-radius: 100%;}
}

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