html{color:#000;background:#FFF;font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a:hover,a:active,a:focus {outline: 0;}#map_canvas img,.google-maps img {max-width: none;}button,input,select,textarea {margin: 0;font-size: 100%;vertical-align: middle;}button,input {*overflow: visible;line-height: normal;}button::-moz-focus-inner,input::-moz-focus-inner {padding: 0;border: 0;}button,html input[type="button"],input[type="reset"],input[type="submit"] {cursor: pointer;-webkit-appearance: button;}label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"] {cursor: pointer;}input[type="search"] {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}textarea {overflow: auto;vertical-align: top;}.hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }audio, canvas,video {display: inline-block; *display: inline; *zoom: 1;}audio:not([controls]) { display: none; }.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}.clearfix { *zoom: 1; }.clearfix:before,.clearfix:after { display: table; line-height: 0; content: ""; }.clearfix:after { clear: both; }body,*{text-rendering:optimizeLegibility;}

/* yantramanav-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/Yantramanav/yantramanav-v13-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('fonts/Yantramanav/yantramanav-v13-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* yantramanav-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/Yantramanav/yantramanav-v13-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('fonts/Yantramanav/yantramanav-v13-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* yantramanav-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/Yantramanav/yantramanav-v13-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('fonts/Yantramanav/yantramanav-v13-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


img {
width: auto\9;
height: auto;
max-width: 100%;
width: 100%;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}

.hidden { display: none; }

/* #Grid
================================================== */

/* --->> SECTIONS ------------*/
.section-group {
  clear: both;
  padding: 0px;
  margin: 0px;
}
/* --->> GROUPING ------------*/
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1;
}
/* --->> GRID COLUMN SETUP ------------*/
.col {
  display: block;
  float: left;
  padding: 0;
  margin: 1% 0 1% 1.5%;
  width: 100%;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.col:first-child {
  margin-left: 0;
}
/* all browsers except IE6 and lower */
.col_12_of_12:nth-child(12n+1),
.col_1_of_2:nth-child(2n+1),
.col_1_of_3:nth-child(3n+1),
.col_1_of_4:nth-child(4n+1),
.col_1_of_5:nth-child(5n+1),
.col_1_of_6:nth-child(6n+1),
.col_1_of_7:nth-child(7n+1),
.col_1_of_8:nth-child(8n+1),
.col_1_of_9:nth-child(9n+1),
.col_1_of_10:nth-child(10n+1) {
  clear: both;
  margin-left: 0;
}
.col_1_of_1 {
width: 100%;
margin-left: 0;
}

/* --->> GRID OF THREE ------------*/
.col_1_of_2 {
  width: 49.2%;
}
.col_2_of_2 {
  width: 100%;
}

/* --->> GRID OF THREE ------------*/
.col_3_of_3 {
  width: 100%;
}
.col_2_of_3 {
  width: 66.1%;
}
.col_1_of_3 {
  width: 32.2%;
}

/* --->> GRID OF FOUR ------------*/
.col_4_of_4 {
  width: 100%;
}
.col_3_of_4 {
  width: 74.6%;
}
.col_2_of_4 {
  width: 49.2%;
}
.col_1_of_4 {
  width: 23.8%;
}

.flex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* #Layout
================================================== */

html {
width: 100%;
height: 100%;
margin: 0 auto;
padding: 0;
overflow-y: scroll;
}

body {
margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
    height: auto!important;
    font-family: 'Yantramanav', sans-serif;
    font-size: 16px;
	color: rgb(75,75,77);
    background: transparent url("../images/Hintergrund_Aufwind.jpg") no-repeat 0 0;
    background-size: 100%;
    background-attachment: fixed;
  /*
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  */
}

#wrapper { 
margin: 0;
padding: 0;
width:100%;
min-height:100%; 
height: auto!important;
height:100%; 
}

#main {
background-color: rgb(255,255,255);
background-color: rgba(255,255,255,0.45);
}

.container-fluid {
margin: auto;
max-width: 1000px;
padding: 0 10px;
}

#logo {
max-width: 420px;
float: right;
padding: 60px 0 10px 0;
    margin-right: -90px;
}

#footer .container-fluid {
border-top: 20px solid rgb(87,174,195);
border-top: 20px solid rgba(87,174,195,0.2);
padding: 40px 10px 0 10px;
}

/* #Navigation
================================================== */
.navbar .nav > li > a {
font-size: 20px;
line-height: 40px;
padding: 0 20px;
font-weight: 400;
}


/* #Beitragsseite
================================================== */
.item-page {
overflow: hidden;
padding: 30px 30px 40px 30px;
}
.startseite .item-page {
padding: 30px 30px 0px 30px;
}
.ueber .item-page img {
max-width: 300px;
}

/* #Footer
================================================== */
#footer {
padding: 0 0 120px 0;
position: relative;
background: transparent; /* Old browsers */
background: -moz-linear-gradient(top,  transparent 0%, #dcecea 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  transparent 0%,#dcecea 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  transparent 0%,#dcecea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#dcecea',GradientType=0 ); /* IE6-9 */
}

.rechte-seite {
text-align: right;
}


/* #Typography
================================================== */

h1 { font-family: 'Yantramanav', sans-serif; font-size: 30px; line-height: 42px; margin: 0 0 40px 0; color: rgb(0,67,87); font-weight: 400; }
h2 { font-family: 'Yantramanav', sans-serif; font-size: 30px; line-height: 38px; margin: 0 0 30px 0; color: rgb(0,67,87); font-weight: 400; }
h3, .h3 { font-family: 'Yantramanav', sans-serif; font-size: 22px; line-height: 24px; margin: 0 0 25px 0; color: rgb(0,67,87); font-weight: 400; }
h4 { font-family: 'Yantramanav', sans-serif; font-size: 18px; line-height: 24px; margin: 0 0 10px 0; color: rgb(0,67,87); font-weight: 700; }
h5 { }
h6 { }
.startseite h1 { font-size: 30px; }

p {
font-size: 16px;
line-height: 1.4em;
margin: 0 0 15px 0;
font-family: 'Yantramanav', sans-serif;
font-weight: 400;
color: rgb(75,75,77);
}

.greentypo {
color: rgb(0,67,87);
}


strong,
.bold {
font-weight: bold;
}
.big {
font-size: 120%;
}

.mehr-link {
display: inline-block;
padding: 0 0 0 25px;
line-height: 16px;
font-size: 16px;
font-weight: bold;
color: rgb(75,75,77);
text-decoration: none;
background: transparent url("../images/Pfeil-schwarz.png") no-repeat 0 0;
cursor: pointer;
}

.nomargin { margin-bottom: 5px; }

.scrollTop {
display: none;
width: 40px;
height: 40px;
background: rgb(0,55,72) url("../images/buttons-white_big.png") no-repeat 0 -92px;
position: fixed;
bottom: 0px;
right: 0px;
text-indent: -9999px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
z-index: 1000;
}
.scrollTop:hover {
background-color: rgb(75,75,77);
}

a { color: rgb(75,75,77); text-decoration: none;}
#footer a { color: rgb(75,75,77); text-decoration: none;}

.wf_file_icon { width: auto!important; margin-right: 20px; }

.wf_file {
color: rgb(0,67,87);
line-height: 50px;
display: block;
font-size: 18px;
}
.wf_file:hover { text-decoration: none; color: #0088cc; }

/* #Listen
================================================== */
.startseite .item-page ul {
list-style: none;
margin: 0 0 20px 0;
padding: 0 0 0 0;
position: relative;
left: 16px;
}
.startseite .item-page  ul li {
display: block;
line-height: 24px;
text-decoration: none;
padding: 0 0 0 0;
margin: 0 0 20px 0;
font-size: 20px;
text-indent: -7px;
color: rgb(0,55,72);
}
.startseite .item-page  ul li:before {
display: inline-block;
line-height: 1em;
font-size: 22px;
content: "•\a0\a0";
color: rgb(0,55,72);
margin-top: 3px;
float: left;
margin-right: 5px;
}

.item-page ul {
list-style: none;
margin: 0 0 45px 0;
padding: 0 0 0 0;
position: relative;
left: 10px;
}
.item-page  ul li {
display: block;
line-height: 20px;
text-decoration: none;
padding: 0 0 0 0;
margin: 0 0 12px 0;
font-size: 16px;
color: rgb(75,75,77);
position: relative;
}
.item-page  ul li:before {
display: blocl;
line-height: 1em;
font-size: 18px;
content: "•\a0\a0";
color: rgb(75,75,77);
margin-top: 4px;
position: absolute;
left: -10px;
}

.footermenu li { margin-bottom: 5px; }

/* effekte, schatten, animationen
================================================== */

::selection {
 background-color: rgb(75,75,77);
 color:#fff;
}
 
::-moz-selection {
 background-color: rgb(75,75,77);
 color:#fff;
}

.teampic {
margin-bottom: 40px;
border-bottom: 15px solid rgb(87,174,195);
border-bottom: 15px solid rgba(87,174,195,0.2);
}
.textpic_right {
max-width: 600px;
float: right;
margin-left: 20px;
margin-bottom: 20px;
border-bottom: 15px solid rgb(87,174,195);
border-bottom: 15px solid rgba(87,174,195,0.2);
}

.textpic_right_small {
max-width: 350px;
float: right;
margin-left: 20px;
margin-bottom: 20px;
border-bottom: 15px solid rgb(87,174,195);
border-bottom: 15px solid rgba(87,174,195,0.2);
}

/* #Responsive Styles
================================================== */

@media (max-width: 1200px) {
#logo {
    max-width: 420px;
    float: right;
    padding: 60px 0 10px 0;
    margin-right: 0px;
}
}
	
@media (max-width: 767px) {
.row-fluid [class*="span"] { margin-bottom: 40px; }
.startseite .item-page ul { margin-bottom: 40px; }
.moduletable.linke-seite { margin-top: 80px; }
.rechte-seite { text-align: left!important; }

.moduletable.rechte-seite { 
position: absolute;
top: 40px;
width: 80%;
box-sizing: border-box;
}
#logo {
    max-width: 300px;
    float: none;
    padding: 60px 0 10px 0;
    margin: auto;
	text-align: center;
}
#logo img { margin-right: -40px; }

}