/* ALLGEMEIN ========================================================== */

/* open-sans-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: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - 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: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - 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: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - 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: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v34-latin-600italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v34-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-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: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

* { padding: 0; margin: 0; }
body, html { width: 100%; }
body { background: none repeat transparent; font-family: "Open sans", sans-serif; font-size: 14px; line-height: 25px; color: #333333; }

div { position: relative; }

.clear, .clr { clear: both; width: 100%; height: 0px; }
.fl { float: left; margin-right: 20px; }
.fr { float: right; margin-left: 20px; }
.fl + .fr { margin-left: 0px; }

.hide_important { display: none !important; }

/* LINKS ============================================================== */

/*
gruen: #009676 - 0 150 118
gruen neu: #10a686
gruen heller: #20b696

blau: #006d8b
blaugrau: #2a5a93

braun: #a65132

hellgrau: #888888
*/

.smallcaps { font-variant:small-caps !important; font-size:18px; font-weight:bold; }

a { transition: all 0.35s ease-out 0s; color: #c9541f; text-decoration: none; font-weight: 600; }
a:hover, a.active { text-decoration:underline; }
a img { transition: all 0.35s ease-out 0s; border: none; opacity: 1; }
a:hover img { opacity: 0.85; }

/* get rid of those system borders being generated for A tags */
a:active { outline:none; }
:focus { -moz-outline-style:none; }

/* LAYOUT ============================================================= */

#header_top, #header_inner, #content, #footer_inner, #copyright_inner { width: 940px; margin: 0px auto; }
#header, #header_image, #footer { width: 100%; min-width: 940px; }

/* HEADER, HEADERBILD ================================================= */

/*#header_top #logo { width: 400px; padding: 10px 0px; float: right; /*margin: 0px auto; }*/

#header_top #logo { width: 280px; padding: 10px 0px; float: right; /*margin: 0px auto;*/ }

.claim {  top:95px; font-size:20px; text-transform:uppercase; color:#C9541F; }

#header_top #logo img { width: 100%; }

#header_image { overflow: hidden; height: 340px; }
#header_image img { position: absolute; top: -80px; left: 50%; width: 2000px; margin-left: -1000px; }

#header_inner { z-index: 10; height: 340px; margin-top: -340px; }

/* SLOGAN ============================================================= */

.slogan { position: absolute; bottom: 25px; left: 0px; }
.slogan h2, .slogan h1 { font-size: 39px; line-height: 45px; color: #ffffff; margin-bottom: 0px; font-weight: 600; text-shadow: 0px 0px 12px #000000; }
.slogan h2 strong, .slogan h1 strong { font-size: 92px; line-height: 98px; text-shadow: 0px 0px 32px #000000; margin-left: -5px; }

#slogan_home { }

#slogan_kontakt h2, #slogan_kontakt h1 { text-shadow: 0px 0px 12px #998f6b; }
#slogan_kontakt h2 strong, #slogan_kontakt h1 strong { text-shadow: 0px 0px 32px #a9af9b; }

#slogan_aktuelles h2 strong, #slogan_aktuelles h1 strong { text-shadow: 0px 0px 32px #a0bacf; }

#slogan_service h2, #slogan_service h1 { text-shadow: 0px 0px 12px #c9bf9b; }
#slogan_service h2 strong, #slogan_service h1 strong { text-shadow: 0px 0px 32px #c9bf9b; }

/* NAVIGATION ========================================================= */

#mobile_navigation { display: none; }

#navigation { display: block; position: absolute; right: 0px; top: 0px; background: rgba(255,255,255,0.5); height:100%; width:220px !important; z-index:999 !important; }
#navigation ul { margin-top:12px; }
#navigation ul li { list-style-image: none; list-style-type: none; }
#navigation ul li a { z-index:999 !important; padding: 5px 15px 5px 60px; min-width:100px; margin-bottom: 5px; display: block; float: right; font-size: 14px; font-weight: 600; text-decoration: none; text-align:right; background: #fff; color: #c9541f; }
#navigation ul li a.active, #navigation ul li.active a { background: #c9541f; color: #fff; }
#navigation ul li a:hover { background: #c9541f; color: #ffffff; }

/* FOOTER ============================================================= */

#footer { background: #eeeeee; padding: 5px 0px 5px 0px; }
#footer a { font-weight: 400; }

/* CONTENT LAYOUT ===================================================== */

#content { padding-top: 25px; }
.contact-site { margin-top: 340px !important; }

.col { float: left; }
.col + .col { margin-left: 20px; }

.width_100 { width: 940px; }
.width_75 {	width: 700px; }
.width_50 {	width: 460px; }
.width_25 {	width: 220px; }
.width_66 {	width: 620px; }
.width_33 {	width: 300px; }

/* BOXEN ============================================================== */

.container { width: 100%; background: url('../img/bg_pic.png') repeat; }
.container:hover { outline: 1px #10a686 solid; }
.center { text-align: center; }
.box { padding: 5px 15px 5px 15px; background: #eeeeee; min-height: 250px; }

.container h2 { padding: 5px 15px 5px 15px; margin-bottom: 0px; font-size: 14px; line-height: 25px; font-weight: 600; background: #10a686; color: #ffffff; }
.box h2 { padding: 5px 15px 5px 15px; margin: -5px -15px 5px -15px; font-size: 14px; line-height: 25px; font-weight: 600; background: #10a686; color: #ffffff; }
.box a { }
.box a:hover, .box a.active { }
.box *:last-child { margin-bottom: 0px; }

/* SERVICE ============================================================ */

ul#service_teaser { background-color: #eeeeee; }
ul#service_teaser li { list-style-image: none; list-style-type: none; margin-left: 0px; }
ul#service_teaser li + li { margin-top: 25px; }
ul#service_teaser li a { font-weight: 400; }
ul#service_teaser li a b, ul#service_teaser li a strong { font-weight: 600; }
ul#service_teaser li a:hover { color: #20b696; }

#service_sidebar .box { min-height: 0px; }
#service_sidebar ul li { list-style-image: none; list-style-type: none; margin-left: 0px; }
#service_sidebar ul li a { }
#service_sidebar ul li a:hover { }

#service_main ul li { list-style-image: url('../img/li_small.png'); list-style-position: outside; margin-left: 10px; /* margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px dotted #eeeeee; */ }
#service_main ul li a { font-weight: 400; color: #333333; }
#service_main ul li a b, #service_main ul li a strong { font-weight: 600; }
#service_main ul li a:hover { color: #20b696; }

/* BOXAKTUELL ============================================================== */

.boxaktuell { padding: 5px 15px 5px 15px; border:1px solid #c9541f; min-height: 250px; }

.boxaktuell img { width:180px;padding:7px; }

.box-beitraege { padding: 5px 15px 5px 15px; border:1px solid #c9541f; min-height: 50px; }

.boxaktuell h2 { padding: 5px 15px 5px 15px; margin: -5px -15px 5px -15px; font-size: 14px; line-height: 25px; font-weight: 600; background: #c9541f; color: #ffffff; }
.boxaktuell a { color:#202940; }
.boxaktuell a:hover, .box a.active { }
.boxaktuell *:last-child { margin-bottom: 0px; }


/* AKTUELLES ========================================================== */

ul#aktuelles_teaser { background: #ffffff; margin-top:15px; }
ul#aktuelles_teaser li { list-style-image: none; list-style-type: none; margin-left: 0px; border-bottom:1px solid #899B9F; margin-bottom:10px; }
ul#aktuelles_teaser li:last-child { border-bottom:0px solid #eeeeee; }


ul#aktuelles_teaser li + li { margin-top: 0px; }
ul#aktuelles_teaser li a { font-weight: 400; display:block; margin-bottom:10px; }
ul#aktuelles_teaser li a b, ul#aktuelles_teaser li a strong { font-weight: 600; }
ul#aktuelles_teaser li a:hover { color: #c9541f; }

#aktuelles_sidebar .box { min-height: 0px; }
#aktuelles_sidebar ul li { list-style-image: none; list-style-type: none; margin-left: 0px; }
#aktuelles_sidebar ul li a { }
#aktuelles_sidebar ul li a:hover { }

#aktuelles_main ul li { list-style-image: url('../img/li_small.png'); list-style-position: outside; margin-left: 0px; vertical-align:top; /* margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px dotted #eeeeee; */ }
#aktuelles_main ul li a { font-weight: 400; color: #333333; }
#aktuelles_main ul li a b, #aktuelles_main ul li a strong { font-weight: 600; }
#aktuelles_main ul li a:hover { color: #20b696; }



/* HEADLINES ========================================================== */

h1, h2 { color: #c9541f; font-weight: 600; font-size: 20px; line-height: 32px; margin-bottom: 25px; }
h3 { margin-bottom: 0px; }
h3.video { margin-bottom: 20px !important; margin-top: 10px !important; }
h3, h4 { color: #333333; font-weight: 600; }

/* TEXTE, LISTEN ====================================================== */

p { text-align: left; }
#sidebar p { text-align: left; }
.col p, .col ul, .col .box, .col .container, .col .toggle, .col { margin-bottom: 25px; }

ul li { list-style-image: url('../img/li_small.png'); list-style-type: none; margin-left: 10px; }
.box ul li { margin-left: 10px; }

strong, b { font-weight: 600; }
em { font-weight: 600; color: #10a686; font-style: normal; }
hr { color: 333333; margin: 25px 0 25px 0; }

/* TOGGLE AREA ======================================================== */

/* Funktion */
.toggle { }
.toggle h3 { margin-bottom: 5px; cursor: pointer; transition: all 0.35s ease-out 0s; }
.toggle div.pane { display: none; margin-bottom: 2px; }
.toggle div.pane + h3, .toggle h3 + h3 { margin-top: 2px; }

/* Stil */
.toggle h3 { font-weight: 600; padding: 5px 15px 5px 15px; font-size: 14px; line-height: 23px; background: url('../img/icon_plus_grau.png') no-repeat right center transparent; }
.toggle h3.current { background: url('../img/icon_minus_r.png') no-repeat right center transparent; }

.toggle div.pane { padding: 5px 15px 5px 15px; }
.toggle div.pane *:last-child { margin-bottom: 5px; }

/* Farben */
.toggle h3 { background-color: #FAFAFA; }
.toggle h3:hover {background: #C9541F url('../img/icon_plus_weiss.png') no-repeat right center; color:#fff;}
.toggle h3.current { background-color: #C9541F; color: #fff; }
.toggle div.pane { background: #fff; }

.toggle div.pane h4 { color: #10a686; }

.container h2 { padding: 5px 15px 5px 15px; margin-bottom: 0px; font-size: 14px; line-height: 25px; font-weight: 600; background: #10a686; color: #ffffff; }


/* Copyright ============================================================= */

#copyright { background: #c9541f; padding: 5px 0px 5px 0px; color:#fff; position:fixed; bottom:0px; z-index:2; border-top:2px solid #efefef; width:100%; }
#copyright a { font-weight: 400; color:#fff; }
#copyright h2 { color:#fff; }

/*------- tooltip-------*/
a {position:relative; display:inline-block;}
a[data-tooltip]:before {position: absolute;    left: 0;    top: -40px;    background-color: #202940;    color: #ffffff; height: 30px;    line-height: 30px;    border-radius: 0px;    padding: 0 15px;    content: attr(data-tooltip);    white-space: nowrap;    display: none;}
a[data-tooltip]:after {  position: absolute; left: 15px; top: -10px; border-top: 7px solid #202940; border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: none;}
a[data-tooltip]:hover:after, [data-tooltip]:hover:before {display: block;}

img.mitglied {padding:4px; margin-right:10px; border:0px solid #eee; margin-bottom:10px;
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; -webkit-filter: grayscale(100%); height:110px; width:auto;}

a img.mitglied:hover{ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-filter: grayscale(0%); border:none !important; width:auto; }


.map-wrap {
	position:relative;
    z-index:99 !important;
}

.overlay {
	width:100%;
	min-height:350px;
	position:absolute;
	top:0;
}

/* ----------------------------------------------------- */
/* Tabellen */
/* ----------------------------------------------------- */

table {width:100%; font-size:12px; border:0px solid #E3E4E4; margin-top:10px; padding:0 !important;}
table tr th{text-align:left; padding:0px; background:#D7DEE8; color:#0F328E;}
table tr:nth-child(odd){background:#ffffff;}
table tr:nth-child(even){background:#fafafa;}
table tr td{vertical-align:center; padding:8px; border:0!important;}
table tr{	transition: all .25s ease-in-out;  -moz-transition: all .25s ease-in-out;  -webkit-transition: all .25s ease-in-out;}
table tr:hover{	background:#C9541F; color:#fff; transition: all .25s ease-in-out;  -moz-transition: all .25s ease-in-out;  -webkit-transition: all .25s ease-in-out;}
table tr:hover a {color:#fff;}
table tr td span{color:#e75094;}
table tr td a {display:block;}
table tr td a:hover{color:#fff; text-decoration:underline;}

/* ----------------------------------------------------- */
/* Videos  */
/* ----------------------------------------------------- */

iframe.video {width:70%;height:314px;margin-bottom:0px;}




/* ======================================================================= */
/* TABLET LANDSCAPE */
@media only screen and (max-width: 939px) /* and (min-width: 768px) */ {

	#header_top, #header, #header_image, #header_inner, #content, #footer, #footer_inner { min-width: 100%; width: 100%; max-width: 100%; }

	#header_top #logo { margin-left: 20px; max-width: 70%; }

		.claim {  top:55px; left:15px; }

	.col { float: none; width: 100%; max-width: 100%; }
	.col + .col { margin-left: 0px; }
	.col + .col .box { margin-top: -23px; }
  
  .contact-site { margin-top: 0px !important; }

    iframe, iframe.video { width: 100%; max-width: 100%; }
    /*iframe.video {width:70%;height:314px;margin-bottom:0px;} */

    .slogan { margin-left: 15px; }
    .col > h1, .col > h2, .col > h3, .col > h4, .col > h5, .col > h6, .col > p { margin-left: 15px; margin-right: 15px; }
    #content > h1, #content > h2, #content > h3, #content > h4, #content > h5, #content > h6, #content > p { margin-left: 15px; margin-right: 15px; }
    #footer .fl, #footer .fr { float: none; margin-left: 15px; margin-right: 15px; }

}


/* ======================================================================= */
/* MOBILE LANDSCAPE UND TABLET PORTRAIT */
@media only screen and (max-width: 767px) /* and (min-width: 480px) */ {

	#header_top #logo { margin-right: 25%; }

	#logo2 { display:none; }

    .claim, .claim img {  display:none !important; }, 
    iframe.video { width: 90%; margin-left:15px; margin-top:-30px !important; margin-bottom:0px !important; padding:0px !important; }

	#mobile_navigation { display: block; position: absolute; width: 20%; top: 0px; bottom: 0px; right: 0px; background: url('../img/icon_plus_r.png') no-repeat center center #c9541f; cursor: pointer;}
	#mobile_navigation.ausblenden { background: url('../img/icon_minus_r.png') no-repeat center center #666; }
	#mobile_navigation:hover { background-color: #666; }

	#navigation { display: none; margin-top: -255px; }
	#navigation ul li a { }

	#header_image img { position: relative; min-width: 230%; width: 230%; max-width: 230%; left: -90%; margin-left: 0px; top: 0px !important; }
	#header_image, #header_inner { height: auto; }
	#header_inner { margin-top: 0px; }

	.slogan h1, .slogan h2 { font-size: 25px; line-height: 35px; }
    .slogan h2 strong, .slogan h1 strong { margin-left: 0px; font-size: 60px; line-height: 70px; }

}

/* ======================================================================= */
/* MOBILE PORTRAIT */
@media only screen and (max-width: 479px) {

	#navigation { margin-top: -220px; background:#000 !important; }
	#navigation ul li a { margin-bottom: 2px; padding: 2px 15px 2px 60px; }

	.slogan h1, .slogan h2 { font-size: 17px; line-height: 25px; }
    .slogan h2 strong, .slogan h1 strong { margin-left: 0px; font-size: 33px; line-height: 40px; }

    iframe.video { width: 90%; margin-left:15px; margin-top:0px !important; margin-bottom:0px !important; padding:0px !important; }

    #copyright { position:static; }
    #copyright p { width:260px !important; margin-left:15px; }

}