@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../fonts/open-sans-v18-latin-regular.eot'); src: local(''), url('../fonts/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans-v18-latin-regular.woff2') format('woff2'), url('../fonts/open-sans-v18-latin-regular.woff') format('woff'), url('../fonts/open-sans-v18-latin-regular.ttf') format('truetype'), url('../fonts/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); }
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url('../fonts/open-sans-v18-latin-italic.eot'); src: local(''), url('../fonts/open-sans-v18-latin-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans-v18-latin-italic.woff2') format('woff2'), url('../fonts/open-sans-v18-latin-italic.woff') format('woff'), url('../fonts/open-sans-v18-latin-italic.ttf') format('truetype'), url('../fonts/open-sans-v18-latin-italic.svg#OpenSans') format('svg');}
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('../fonts/open-sans-v18-latin-700.eot'); src: local(''), url('../fonts/open-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans-v18-latin-700.woff2') format('woff2'), url('../fonts/open-sans-v18-latin-700.woff') format('woff'), url('../fonts/open-sans-v18-latin-700.ttf') format('truetype'), url('../fonts/open-sans-v18-latin-700.svg#OpenSans') format('svg');}

/*
grün	009d8b // Kreuzbund-Grün
grau	555 // Schrift
grau	525252 // Hintergrund
*/

/* Foundation Overrides */
.row { width: 75rem; max-width: 97% }
.orbit-container button, .orbit-next:active, .orbit-next:focus, .orbit-previous:active, .orbit-previous:focus { background: #e73032;  }
.orbit-next:hover, .orbit-previous:hover { background: #fff; color: #e73032; }
/* Foundation Overrides EOF */

/* PrettyPhoto Overrides BOF */
/*
.lightbox_video, .lightbox_image, .image_overlay_effect, .image_overlay_effect_inside {height: 50%;}
*/
div.pp_pic_holder { z-index: 999999 !important; }
div.pp_overlay { z-index: 99999; }
/* PrettyPhoto Overrides EOF */

/* Fontawesome */
.fa-border { border-radius: 99em; border: 1px solid #9fb0af; color: #009688; padding: .45em }
.fa-paragraph:before { font-family: Arial; font-weight: bold; content: '§'; font-size: 80% }
.fa-external-link { font-size: 80%; }
.button .fa-external-link { font-size: 90%; }
/* Fontawesome EOF */


/* Big guys */

body { font-family: 'Open Sans', sans-serif, sans; font-weight: 300; color: #555; background: #fff; font-size: 100%; }
b, strong { font-weight: 700; }
i, em, figcaption { font-style: italic; }

section { margin: 1rem 0; padding: 1rem 0; max-width: 100%; font-weight: 100%;}
section:first-of-type { margin-top: 7.5rem; max-width: 100%; font-weight: 100%;}
section:of-type { margin:1rem 0; max-width: 100%; font-weight: 100%;}

h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif, sans; text-transform: uppercase }
h1 { font-size: 2.7em; }
h1:after, .underline:after { content: ""; display: block; width: 8em; max-width: 25%; height: 2px; margin-top:1rem; background: #009688; } 
h2 { font-size: 1.8em;  }
h3 { font-weight: 700; font-size: 1.2667rem; letter-spacing: -.05em; margin: 3.3rem 0 1.8rem; }
h4 { font-size: .9rem; font-weight: bold; }
h6 { font-size: 1.7em; font-weight: bold; }

header { display:flex;  flex-direction: column-reverse; }
header h2 { color: #999; font-size: 1.5rem; text-decoration: underline}

p, ul , ol { font-size: .925rem; font-weight: 300; }
a { color: #009d8b; }

img { max-width: 100%; height: auto; }
a img:hover { opacity: .8; }
figcaption { font-size: 90%; }

/*****/

#content .row ul { list-style-type: none; }
#content .row ul li:before { font-family: 'FontAwesome'; content: '\f0c8'; color: #009d8b; margin: 0 9px 0 -1rem; font-size: 70%; position: relative; top:-1px }
#content .row ul ul li:before { content: '\f096';  }
#content .row ul.pdf li:before { content: '\f1c1'; margin: 0 12px 0 -15px; font-size: 110% }
#content .row ul.pdf li { margin-bottom: .6rem; }
#content .row ul.errors li:before { content: '\f00d'; color: red; margin: 0 12px 0 -15px }
#content .row .orbit li:before { display: none; }

.button { background: #009d8b; border-radius: 0; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; font-size: .875rem; padding: 1.2rem 1.5rem; }
.button:hover { background-color: #00463e }
.bg-green .button, .bg-gray .button { background: #fff; color: #009d8b; }

.newsTeaser h3 { margin: .6rem 0 .9rem; }

/*****/

#naviMain .menu { -webkit-transform: translate(0, 18px); -moz-transform: translate(0, 18px); -ms-transform: translate(0, 18px); -o-transform: translatetranslate(0, 18px); transform: translate(0, 18px); font-weight: 700; text-transform: uppercase; font-size: .8rem; }

#naviMain, #naviMain ul ul { background: #fff; }
#naviMain { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 4; box-shadow: 3px 3px 2px rgba(50, 50, 50, 0.25);}
#naviMain ul { padding: 0; margin: 0; float: right;}
#naviMain ul li { display: inline; position: relative; border: 1px transparent solid; border-top: 3px transparent solid; padding-top: 10px; padding-bottom: 12px }
#naviMain ul ul li { display: block; padding: 0; border-top: 0 }

#naviMain a { padding: 30px 18px; display: inline-block; white-space: nowrap; color: #555; }
#naviMain a:hover { }
#naviMain ul li.hasSub:hover { border: 1px #eee solid; border-top: 3px #009d8b solid; border-bottom: 1px #eee solid; z-index: 20; }
#naviMain ul li .openSub{ display: none }
#naviMain ul ul li:hover { border-top: 0; border-color: transparent;}

#naviMain ul ul { display: none; position: absolute; top: 39px; left: -2px; z-index: 10; border-top: 1px #eee solid; }
#naviMain ul li:hover ul { display: block; }
#naviMain ul ul a { padding: 9px 15px; display: block; text-transform: none; border: 1px #eee solid; border-top: none; font-size: .875rem; }
#naviMain ul ul a:hover { background: #e0f2f1; text-decoration: none; }

#naviMain ul li:hover ul ul, #naviMain ul li:hover ul ul ul, #naviMain ul li:hover ul li:hover ul ul { display:none; left: 100%; top: 0px; }
#naviMain ul ul ul { background: #ddd; }
#naviMain ul ul ul ul { background: #ccc; }
#naviMain ul li:hover ul li:hover ul, #naviMain ul li:hover ul ul li:hover ul { display:block;}
#naviMain ul ul li:hover { border-top: 0 !important; }


#naviLogo { float: left; }
#naviLogo img { max-height: 65px; margin: 15px 0 6px; }
#naviLogo a { margin: 0; padding: 0 }

#naviMain li.active a, #naviMain li.active>a { background: none; color: #009d8b; }
#naviMain li.active ul li:not(.active) a { color: #333; }
#naviMain li.active ul li:not(.active) a:hover { color: #000; }

#naviMain li.stress a { border: 2px #009d8b solid; padding: 9px; color: #009d8b }
#naviMain li.stress a:hover { background: #009d8b; color: #fff; }
#naviMain li.stress:hover { border-color: transparent;  }

#naviMain a { -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out;}
#naviMain.navbar-fixed-top a { padding: 12px 18px; }
#naviMain.navbar-fixed-top #naviLogo img { max-height: 30px; margin: 9px 0 }
#naviMain.navbar-fixed-top ul ul { top: 30px; }


.dvName { background: #009d8b; color: #fff; font-size: .725rem; padding: .6em 0; }

/*****/

footer section { margin-bottom: 0; }
footer address { font-style: normal; margin-top: -.75rem }
footer h4 { margin-bottom: .9rem; }
footer a { color: #fff; }
footer a:hover { text-decoration: underline; color: #fff }
footer i { width: 1.5em; }

footer ul { padding: 0; margin: 0; list-style-type: none; line-height: 1.667rem; }
footer .social { margin-top: 1em; }

/*****/
.fett { font-weight: bold; }
.galerie img { margin: 0 1rem 1rem 0; }
.bildhinweis { font-style: italic; font-size: .9rem; }

.galerie.thumbnails .item { float: left; margin: 0 1rem 1rem 0; font-size: .8rem; font-style: italic; color: #76b82a}
.galerie.thumbnails img { margin: 0; }

.extLinks { overflow: hidden; }
.extLinks .item {  }

.bigtime i, .bigtime .counter { display: block; }
.bigtime .counter { font-size: 4.8rem; }
.bigtime .caption { text-transform: uppercase; font-size: 1.125rem; letter-spacing: .125em; color: #ccc; }

section.tagline { margin-bottom: 0 !important; padding: 0 !important }
section.tagline .bg-image { background-size: cover; min-height: 17.7777rem; padding-top: 1.5rem; position: relative; }
section.tagline.negative { color: #fff; }
#typed-strings p { visibility: hidden;}
#typed { position: relative; }
#typed .line1 { font-size: 2.4rem !important; }
#typed .line2 { font-size: 1.5rem !important; font-weight: 700 !important }
.typed-cursor{ opacity: 1; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite; }
@keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-webkit-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-moz-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}

/*****/

.form1 { background: #ebe7e4; padding: 2.1rem; }
.form1 .field { display: block; }
.form1 .field.fICQ { display: none; }
.form1 input, .form1 textarea { font-family: Arial, Helvetica, sans-serif, sans; font-size: 1rem; width: 90%; border: 1px #402806 solid; padding: 3px; -moz-border-radius: 3px;  -webkit-border-radius: 3px; border-radius: 3px; }
.form1 input:focus, .form1 textarea:focus { -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);}
.form1 input[type=submit] { padding: 6px; width: 90%; background: #402806 ; color: #fff; font-weight: bold; cursor: pointer; }
.form1 input[type=submit]:hover, .form1 input[type=submit]:focus { background: maroon; }

/*****/

.floatbreaker { clear: both; }
.rahmen1 { border: 1px #555 solid; }
.rahmen2 { -webkit-box-shadow: 6px 6px 0px 1px #000; -moz-box-shadow: 6px 6px 0px 1px #000; box-shadow: 6px 6px 0px 1px #000; }
.rund1 {	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.fadein1, .fadein2 img, fadein3 img { opacity: .75; filter: alpha(opacity=75); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.fadein1:hover, .fadein2 img:hover, fadein3 img { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.fadein3 img:hover { opacity: .75; filter: alpha(opacity=75); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";  }
.trans1 { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.clickarea { cursor: pointer; }
.rechts { float: right; margin: .5rem 0 3rem 3rem; }
.links { float: left; margin: .5rem 3rem 3rem 0; }	

.bu { font-size: .75rem; font-style: italic; }

.spaceme { margin: 30px auto }
.padme  { padding: 90px 0 }
.centerme, .centered { text-align: center }
.small { font-size: 80%; }
.text-s { font-size: .8rem; }
.text-l { font-size: 1.4rem; }
.nowrap { white-space: nowrap; }
.padding-bottom-0 { padding-bottom: 0; }
.padding-top-0 { padding-top: 0; }
.margin-bottom-0 { margin-bottom: 0; }
.margin-top-0 { margin-top: 0; }
.full-width { width: 100%; height: auto; }
.full-height { height: 100%; width: auto; }
.round { -moz-border-radius: 100px; border-radius: 100px; }

.bg-green { background: #009d8b; color: #fff; }
.bg-gray { background: #525252; color: #fff; }
.bg-lightgray { background: #eee; }

/*****/

.hide, .mobile-only, .mobile-only-xs { display: none !important; }

@media screen and (max-width: 980px)
{
	#naviMain .menu li.home { display: none; }
}

@media screen and (max-width: 920px) /* MOBILE NAVIGATION BREAKPOINT: */
{

	.mobile-only { display: initial !important; }	
	.mobile-no { display: none !important; }

	section:first-of-type { margin-top: 1.5rem; }
	section.tagline { margin-top: 0 !important; }
	#typed, .tagline .bg-image { top: 0 !important; }
	
	#naviToggler { float: right; margin: 1em 1em 0 0 }
	#naviToggler i { font-size: 1.8rem; }
	#naviToggler a { padding: 1rem 0 !important; }
	
	#naviMain  { position: static; }
	
	#naviMain .menu { background: #f6f6f6; float: none !important; position: absolute !important; top: 0px; left: -1000px; bottom: 0px; width: 600px; max-width: 75%;  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out;  -ms-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; transition: all 0.35s ease-out; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
	#naviMain .menu.show { left: 0px; }
	
	#naviMain .menu li { border: 0; border-bottom: 1px #bebebe solid; display: block; position: relative;}
	#naviMain .menu li:hover, #naviMain ul li.hasSub:hover { border: 0; border-bottom: 1px #bebebe solid; background-color: #eee}
	#naviMain .menu li.home { display: block; }
	
	#naviMain a { padding: .6rem 1.2rem; }
	#naviMain li.stress a { margin-left: 1.2rem; }
	
	#naviMain .menu ul, #naviMain .menu li:hover ul { display: none; position: static; float: none; }
	#naviMain .menu li.subnavishow ul { display: block }
	#naviMain .menu ul li a { padding-left: 30px }
	#naviMain .menu ul li a:hover {  }

	#naviMain .menu li .openSub{ display: inline; position: absolute; right: 0%; top:0%; cursor: pointer;  text-align: center }
	#naviMain .menu li .openSub i { display: inline-block; padding: 1rem; border-left: 1px #ccc solid; height: 100% }
	
	#naviMain .menu ul ul, #naviMain .menu ul ul ul { display: none !important; }
	#naviMain .menu ul li.subnavishow ul { display: block !important; }
	#naviMain .menu ul li.subnavishow ul ul { display: none !important; }
	#naviMain .menu ul li.subnavishow ul li.subnavishow ul { display: block !important; }

	
	#naviMain .bottomline { display: block !important; text-align: center; background: none; border: 0 !important; padding-top: 1.2rem }
	#naviMain .bottomline:hover { background: none !important }
	#naviMain .bottomline i { display: block; width: 25%; padding: 0; margin: 0; font-size: 1.2rem }
	#naviMain .bottomline a { display: inline-block; }
	#naviMain .bottomline a:hover { color: #009d8b }
	
}

@media screen and (max-width: 760px)
{
}
@media screen and (max-width: 640px)
{
	.mobile-only-xs { display: initial !important; }
}
@media screen and (max-width: 620px) /* FOUNDATION "SMALL": */
{
	footer .columns { padding-bottom: 4.5rem; }
}

form {
  width:100%;
  margin: 2px auto;
}

 input {
	display:block;
	width:90%;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
  }

.sendButton {
	width:90px;
	}

table {
     	border-collapse: collapse;
           		}
		td, th {
			padding: .5em;
      width:100%;
     		}
		th:first-child {
			padding-left: .5em;
		}
		th:last-child, td:last-child {
			padding-right: .5em;
		}

    	tbody th {
			font-weight: normal;
			text-align: left;
		}
		th a {
			padding: 15px 5px 15px 40px;
		}
		td {
     	text-align: left;
		}
    td img {
			max-width:100%;
      height:auto;
		}
		td:nth-child(3) {
			text-align: left;
		}
		td:nth-child(4) {
   			font-weight: bold;
		}
		td.paid {
  			font-weight: normal;
		}
		@media screen and (max-width: 42em) {
			thead {
				display: none;
			}

			tr {
				padding: .5em 2em 1em;
			}

			tbody th {
				display: block;
				font-weight: bold;
        color: #008000;
			}
			th a {
				font-weight: normal;
			}
			td {
				display: inline-block;
				min-width: 30%;
				padding: .2em 1em;
				text-align: left;
			}
			td:nth-child(3) {
				text-align: left;
			}
		}
		@media screen and (max-width: 33em) {
			td {
				display: block;
			}
      tr {
          padding: .5em .5em 1em;
        }
		}

    @media screen and (min-width: 48em) {
  .imagemap__item {
    display: none;
  }
  .imagemap__item:target {
    display: block;
  }
  .imagemap__item:target > .imagemap__text {
    display: block;
  }
}
.js .imagemap__text {
  display: none;
}
.imagemap__item .is-open + .imagemap__text {
  display: block;
}

.bildwechsel1 {width:130px; height:118px; background:url("../img/content/icons/familie_1.png");}
.bildwechsel1:hover {background:url("../img/content/icons/familie_1_1.png");}
.bildwechsel2 {width:130px; height:118px; background:url("../img/content/icons/familie_2.png");}
.bildwechsel2:hover {background:url("../img/content/icons/familie_2_2.png");}
.bildwechsel3 {width:130px; height:118px; background:url("../img/content/icons/familie_3.png");}
.bildwechsel3:hover {background:url("../img/content/icons/familie_3_3.png");}
.bildwechsel4 {width:130px; height:118px; background:url("../img/content/icons/familie_4.png");}
.bildwechsel4:hover {background:url("../img/content/icons/familie_4_4.png");}
.bildwechsel5 {width:130px; height:118px; background:url("../img/content/icons/familie_5.png");}
.bildwechsel5:hover {background:url("../img/content/icons/familie_5_5.png");}
.bildwechsel6 {width:130px; height:118px; background:url("../img/content/icons/familie_6.png");}
.bildwechsel6:hover {background:url("../img/content/icons/familie_6_6.png");}
.bildwechsel7 {width:130px; height:118px; background:url("../img/content/icons/familie_7.png");}
.bildwechsel7:hover {background:url("../img/content/icons/familie_7_7.png");}
.bildwechsel8 {width:130px; height:118px; background:url("../img/content/icons/familie_8.png");}
.bildwechsel8:hover {background:url("../img/content/icons/familie_8_8.png");}

.container{
width: 928px;
height:300px;
}
.box1 {
 float: left;
 width: 210px;
 margin-right: 2%;
 padding: 20px;
 background: #fff;
 box-sizing: border-box;
}
.box2 {
 float: left;
 width: 210px;
 margin-right: 2%;
 padding: 20px;
 background: #fff;
 box-sizing: border-box;
}
.box3 {
 float: left;
 width: 210px;
 margin-right: 2%;
 padding: 20px;
 background: #fff;
 box-sizing: border-box;
}

.box4 {
 float: left;
 width: 210px;
 margin-right: 2%;
 padding: 20px;
 background: #fff;
 box-sizing: border-box;
}
/* div.spalte1 mit float: none */
/* div.spalte2 wird dadurch unterhalb platziert */
@media only screen and (min-width:767px) {

div.spalte1 {
float: none;
}

div.spalte2 {
float: none;
}

 div.spalte3 {
float: none;
}

div.spalte4 {
float: none;
}
}

/* div.spalte1 mit float: left */
/* div.spalte2 wird dadurch neben div.spalte1 platziert */
@media only screen and (min-width:640) {

div.spalte1 {
float: left;
}

div.spalte2 {
float: left;
}

div.spalte3 {
float: left;
}

div.spalte4 {
float: left;
}
}