/*FOUNDATION OVERWRITES*/
 body {
 	background-color: #E6E6E6;
 }

.top-bar-section ul li > a{
	font-size: 1.0625rem;
    line-height: 2.8125rem;
    margin: 0;
}

.contain-to-grid, .top-bar,.top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button) {
	background-color: #B32127;
}

 .top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: #464547;
 }
.top-bar .name h1 a:hover {
	background-color: #464547;
}
.panel{
	background-color: #919396;
	border-style: none;

}

#leistung .panel{
	background-color: #dedede;
	border-style: none;

}

#leistung .panel:hover {
	background-color: #B32127;
	-webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

 h3, h4, h5, h6, h7 {
	color: #FFFFFF;
}


a{
	color: #919396;	
}

a:hover {
	color: #B32127;
}

footer a {
	color: #FFFFFF;
}

footer a:hover {
	color: #000000;
}


.reveal-modal {
	background-color: #B32127;
	max-width: 40rem;

}


.reveal-modal p, h2 {
	color: #FFFFFF;
}

.reveal-modal p {
	text-align: justify;
}

.reveal-modal .close-reveal-modal {
    color: rgb(255, 255, 255);
}

ul.accordion  {
	margin: 0;
	background-color: ;
}

.accordion .accordion-navigation > a, .accordion dd > a {
    background: #919396;
    color: #FFFFFF;
}

.accordion .accordion-navigation.active > a, .accordion dd.active > a {
    background: #919396;
    color: #FFFFFF;
}

.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
    background: #FFFFFF;
    color: #464547;
    font-size: 0.8em;
}

.orbit-container .orbit-slides-container > * .orbit-caption {
      background-color: #B32127;
}

.orbit-container .orbit-slides-container > * {
    margin-left: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}


/*STYLING*/
#head {
	background-image: url("../img/header.jpg");
	background-position: 50% 50%;
	background-size: cover;
	padding: 2em 0 0 0;
}
.logoWrapper{
	background-image: url("../img/bgwhite50.png");
	padding: 1em 0;
}

.logo {
	margin:  0 auto;
	display: block;
    
}

.owner {
	padding: 0.5em 1em;
	border-top: 5px solid #000000;
	width: auto;
	font-size: 2.5em;
	font-weight: bold;
}


#intro {
	background-color: #464547;	
	padding: 1em 0.5em 1em 0.5em;

}

#intro p,#intro h1, footer .row {
	color: #FFFFFF;
}

#leistung{
	background-image: url("../img/leistung.jpg");
	background-position: 50% 50%;
	background-size: cover;
	padding: 0em 0 0 0;
}

h2.title{
	color: #FFFFFF;
	background-color: #464547;
	padding: 0.2em 1em 0.2em 1em;
	display: inline-block;

}

h2.title.top{
	margin: 0 auto 0.5em auto;
}

h2.title.bottom{
	margin: 0.5em auto 0em auto;
}

h2.title img{
	height: 50px;
	margin-right: 0.3em;
	float: left;
}

footer .row {
	background-color: #B32127;
	padding: 1em 0.5em 1em 0.5em;
}


#leistung .panel {
	position: relative;
}

.hoverline {
	background-color: transparent;
    opacity: 0;
    position: absolute;
    text-align: center;
    bottom: 0;
    margin: 0 0 0 -1.25rem;
    transition: all 200ms ease 0s;
    width: 100%;
}
.hoverline h1{
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
    margin: 0.5em 0 0.5em 0;
}

a:hover .hoverline {
    opacity: 1;
 }


.icon {
	width: 20px;
	height: 50px;
	float: left;
	margin-right: 0.5em;
}

.icon.short {
	height: 25px;
}

#copyright p  {
	margin: 0;

}

#copyright {
	padding: 0;
}

img.impressum {
    height: 350px;
}




ul.accordion li {
	border-bottom: solid 1px #454746;
}

ul.accordion li:last-child {
	border-bottom: none;

}
	
.seoText {
	font-size: 0.8em;
}


/* Small screens */
@media only screen { 
	footer .columns {
		border-bottom: 1px solid #FFFFFF;
		margin: 0 0 0.5em 0;
	}
	footer .columns:last-child {
		border-bottom: none;
	}

	.reveal-modal p {
		margin-top: 1em;
	}


	} /* Define mobile styles */

@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens */
@media only screen and (min-width: 40.063em) {
	footer .columns {
		border-bottom: none;
		margin: 0;
	}

	footer .columns:nth-child(2) {
		border-left: 1px solid #FFFFFF;
	}

	.reveal-modal p {
		margin-top: 0;
	}


 } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large screens */
@media only screen and (min-width: 64.063em) {
	footer .columns {
		border-right: 1px solid #FFFFFF;
		margin: 0;
	}
	footer .columns:nth-child(2) {
		border-left: none;
	}

	footer .columns:last-child {
		border-right: none;
	}

	.reveal-modal p {
		margin-top: 0;
	}


} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */