/* Superslides Overrides BOF */
/*
#slides .slides-pagination a { border: 1px #555 solid; margin: 0 30px; width: 15px; height:15px; }
#slides .slides-pagination a:hover { background-color: #ccc; }
*/
/* Superslides 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 */

/* Foundation Overrides */
.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; }
 .tabs.content { border: 0; }
 .tabs-panel, .tabs-panel .column, .tabs-panel .columns { padding: 0; }
 
/* Foundation Overrides EOF */

/* Big guys */

body { font-family: 'Open Sans',sans-serif, sans; color: #9e9c9c; background: #333 }
section { background: #fff; }
b, strong { font-weight: 700; }
i, em { font-style: italic; }

h1, h2, h3, h4 { font-family: 'Anton', sans-serif; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,.5);}
h1, h2 { line-height: 1.0667em; margin-bottom: .6em; }
h1 { color: #333; font-size: 4.5rem; letter-spacing: 0.25rem; }
h2 { font-size: 2.1rem; letter-spacing: 0.15rem; }
h3 { font-size: 1.5rem; letter-spacing: 0.15rem; }
body#pageID-index h1, body#pageID-impressum h3 { color: #e73032; }
body#pageID-impressum h4 { color: #333; font-size: 1rem; font-family: 'Open Sans'; font-weight: 700; text-shadow: none; margin-top: 3rem; }

p, ul , ol { font-weight: 300; }
a { color: #27348b; }

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

/*****/

#naviMain .menu { margin-top: 15px; }

#naviMain, #naviMain ul ul { background: #fff; background: rgba(255,255,255,.95); }
#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; }
#naviMain ul ul li { display: block; }

#naviMain a { padding: 30px 18px; display: inline-block; white-space: nowrap; font-family: 'Anton'; text-transform: uppercase; color: #555}
#naviMain a:hover { text-decoration: underline }
#naviMain ul ul { display: none; position: absolute; top: 48px; left: 0px; z-index: 10; -webkit-animation: fadeMeIn .5s; -webkit-animation-fill-mode: both; box-shadow: 3px 3px 2px rgba(50, 50, 50, 0.08);}
#naviMain ul li:hover ul { display: block; }
#naviMain ul ul a { padding: 12px 18px; display: block; -webkit-transition: none; -moz-transition: none;  -ms-transition: none; -o-transition: none; transition: none; }
#naviMain ul ul a:hover { background: #555; color: #fff; text-decoration: none; }

#naviLogo { float: left; }
#naviLogo img { max-height: 51px; margin: 21px 0; }
#naviLogo a { margin: 0; padding: 0 }

#naviMain li.flag a { width: 16px;  text-indent: -999rem; background: no-repeat 0 15px; padding: 12px; }
#naviMain li.flag-de a { background-image: url(../img/icons/flags/de.gif); }
#naviMain li.flag-en a { background-image: url(../img/icons/flags/en.gif); }
#naviMain li.outfly a { text-indent: -999rem; background: url(../img/layout/logo_outfly.png) no-repeat 0 20px; background-size: contain; width: 50px; margin-right: 15px; }
#naviMain li.flag a:hover, #naviMain li.outfly a:hover { opacity: .65 }
#naviMain li.home a { padding-left: 0; padding-right: 0; }
#naviMain li.home i { margin-top: -3px; }

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

#naviMain a, #naviMain img { -webkit-transition: all 0.45s ease-out; -moz-transition: all 0.45s ease-out;  -ms-transition: all 0.45s ease-out; -o-transition: all 0.45s ease-out; transition: all 0.45s 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; }

/*****/

.hero { background: url('../img/slider/index/eindruck-werbemittel-hilden.jpg') no-repeat center center;  background-size: cover;  height: 100vh; text-align: center; text-shadow: 2px 2px #000;  }

.hero:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to bottom right, #000, #000); opacity: .15; }
.hero .intro { position: relative; top: 10%; transform: translateY(-10%); }
.hero h1 { color: #fff !important; font-size: 2.rem; line-height: 1.5em; letter-spacing: -0.005em; font-weight: 700; margin-bottom: 0;  }
.hero h2 { color: #fff; font-size: 1.5rem; letter-spacing: -0.0025em; font-weight: 700; margin-bottom: 2.4rem;  }
.hero p { color: #fff; font-size: 1.25rem; line-height: 1.25em; font-weight: 700; }
.hero i { color: #e63031; font-size: 6rem; margin-bottom: 1rem; }
.hero p i, .hero .button i { font-size: 3.6rem; margin-bottom: 0; }
.hero .button i { font-size: .65rem; margin-right: .5rem; }

.hero .button { background: #000; position: relative;}
.hero .button:hover { background: #000; }
.hero .button:after {content: ""; position: absolute; top: 0px; left: 0px; width: 0%; height: 100%; background-color: rgba(255,255,255,0.4); -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
.hero .button:hover:after { width: 100%;  background-color: rgba(255,255,255,0); -webkit-transition: all 0.45s ease-out; -moz-transition: all 0.45s ease-out;  -ms-transition: all 0.45s ease-out; -o-transition: all 0.45s ease-out; transition: all 0.45s ease-out; }  

.elButtonGrande { position: absolute; left: 50%; bottom: 30px; }

@media only screen and (min-width: 40.063em)
{
	.hero h1 { font-size: 4.5rem; }
	.hero h2 { font-size: 1.8rem; }
}
	
/*****/

#content .row ul { list-style-type: none; }
#content .row ul:not('.tabs') li:before { font-family: 'FontAwesome'; content: '\f101'; margin: 0 5px 0 -15px; font-size: 90%; }
#content .row .orbit li:before { display: none; }

/*****/

footer a { color: #fff; display: block; }
footer a:hover { color: #fff; }
footer a i { -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; }
footer a:hover i { margin-right: .3rem; }
footer nav a { display: block; }
footer nav ul { list-style-type: none; padding: 0; margin: 0 }
footer nav ul li { margin-bottom: 1rem;  }

/*****/


.button { background-color: #e73032; font-weight: 700; border-radius: 0; }
.button:focus, .button:hover { background-color: #333 }

.button1 { background: #e73032;;color: #fff; padding: 9px 18px; text-transform: uppercase; font-size: 1.5rem;  }
.button1, .button1 i { -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; }
.button1 i  { margin-right: .3rem }
.button1:hover { text-decoration: none; padding: 9px 24px; color: #fff; }
.button1:hover i { color: #aaa; margin-right: .9rem }

.annotations { background: #031d6d; color: #fff; padding-top:.6rem; }
.annotations i { font-size: 3.6rem; display: block;line-height: 1.4667; }
.annotations p { line-height: 1.4667; }

.angebote a { background: #e73032; color: #fff; padding-bottom: 9px; font-family: 'Anton'; text-transform: uppercase; display: block; -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; }
.angebote a span { padding-top: 9px; display: inline-block }
.angebote a:hover { background-color: #333 }
.angebote a  img { -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; }
.angebote a:hover img { opacity: 1; filter: brightness(1.1) contrast(.9) saturate(1.1); }

.produkte h2 {color: #e73032;}
.galerie h3 { background: #e73032; color: #fff;  text-align: center }
.galerie img { margin: 0 1rem 1rem 0; border }
.galerie .row { padding-bottom: 6rem; }

.tabs { border: 0; }
.tabs li a { color: #999; background-color: #ddd; font-family: 'Anton'; text-transform: uppercase; font-size: 1.2667rem; }
.tabs li.is-active a { color: #fff; background-color: #e73032; }
.tabs-title > a:hover  { color: #757575; background-color: #ccc; }

.accordion p.description { font-size: .8rem; }
.accordion a.accordion-title { font-family: 'Anton'; font-size: 1.0667rem; letter-spacing: .075em; color:  #333; }
.accordion .is-active a.accordion-title { background-color:  #e73032; color: #fff }

.stempel, .stempel .img  { overflow: hidden; }
.stempel { margin-top: 3rem; }
.stempel .item { float: left; width: 31%; margin: 0 2% 2% 0; max-width: 450px; position: relative; padding-bottom: 3rem; -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;}
.stempel .item:hover  { background: #f3f3f3; }
.stempel .item:hover  .imgMain img { border: 1px #bbb solid; }
.stempel h3, .stempel p { color: #333; margin-bottom: 0; text-shadow: none; }
.stempel h3 { letter-spacing: .025em; font-size: 1rem; text-transform: none; }
.stempel p { font-size: .8rem; font-style: italic; }
.stempel img { margin: 1.8rem auto 1.8rem; }
.stempel .imgMain, .stempel .imgExample { width: 50%; }
.stempel .imgMain { float: left; }
.stempel .imgMain img { max-height: 150px; border: 1px transparent solid; -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; }
.stempel .imgExample  { float: right; text-align: center }
.stempel .imgExample  img { max-width: 75%;  }
.stempel .downloads { position: absolute; bottom: 0px; width: 100%; }
.stempel .downloads i { margin-right: .6rem; }

	
/*
.stempel .item .img { float: left; }
.stempel .item .imgMain { max-width: 100%; }
.stempel .item .imgThumbs img { display: inline; max-width: 75px; }
.stempel .item .txt { float: right; }
*/

/*****/
.form1 { padding: 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.form1 label { font-weight: 700; color: #fff; }
.form1 input, .form1 textarea { font-weight: 700; font-size: 18px; border: 1px #402806 solid; padding: 3px; -moz-border-radius: 3px;  -webkit-border-radius: 3px; border-radius: 3px; }
.form1 input:focus, .form1 textarea:focus { background: #d5d5d5 ;  }
.form1 input[type=submit] { width: 100%; background: #e73032 ; color: #fff; font-weight: bold; cursor: pointer; }
.form1 input[type=submit]:focus { background: maroon; }

.form2 h4 { color: #333; font-size: 1rem; font-family: 'Open Sans'; font-weight: 700; text-shadow: none; margin-top: 3rem; }
.form2 input { width: auto; display: inline-block; }
.form2 input[type=radio] { margin-left: 2.1rem; }
.form2 .zahlungsweise { display: none;}
.form2 .zahlungsweise.visible { display: block; }

/*****/


@-webkit-keyframes fadeMeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.fadeMeIn {
	-webkit-animation: fadeMeIn 3s;
    -webkit-animation-fill-mode: both;
	}
	
/*****/

.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; }	

.spaceme { margin: 30px auto }
.padme  { padding: 90px 0 }
.centerme { text-align: center }
.nowrap { white-space: nowrap; }
.padding-bottom-0 { padding-bottom: 0; }
.margin-bottom-0 { margin-bottom: 0; }
.full-width { width: 100%; height: auto; }

.bg-gray { background: #aaa; color: #fff; }
.bg-gray h1, .bg-gray h2, .bg-gray h3, .bg-gray h4 { color: #fff; }
.bg-darkgray { background: #333; color: #fff; }
.bg-darkgray h1, .bg-darkgray h2, .bg-darkgray h3, .bg-darkgray h4 { color: #fff; }
.bg-darkgray .button { background-color: #fff; color: #e73032; }
.bg-darkgray .button:hover { background-color: #e73032; color: #fff; }
.bg-blue { background: url(../img/bg/clouds.jpg);  background-size: cover; color: #23438b; }
.bg-blue p { font-weight: 700 !important }
.bg-blue h1, .bg-blue h2, .bg-blue h3, .bg-blue h4 { color: #23438b !important;  text-shadow: none;}
.bg-blue .button, bg-gray .button { background-color: #23438b; color: #fff; }
.bg-blue .button:hover, bg-gray .button:hover { background-color: #333;}

.skew-left { -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; -webkit-transform: skewY(1.5deg); -ms-transform: skewY(1.5deg); transform: skewY(1.5deg); }
.skew-left .columns { -webkit-transform: skewY(-1.5deg); -ms-transform: skewY(-1.5deg); transform: skewY(-1.5deg); }

.skew-right { -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; -webkit-transform: skewY(-1.5deg); -ms-transform: skewY(-1.5deg); transform: skewY(-1.5deg); }
.skew-right .columns { -webkit-transform: skewY(1.5deg); -ms-transform: skewY(1.5deg); transform: skewY(1.5deg); }


img.round { -moz-border-radius: 100px; border-radius: 100px; }
span.acc { color: #e63031; margin-left: .5rem; transform: rotate(9deg); display: inline-block }

/*****/

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


@media screen and (max-width: 850px) /* MOBILE NAVIGATION BREAKPOINT: */
{
	.mobile-only { display: block !important; }
	.mobile-no { display: none !important; }

	#naviMain { min-height: 70px;}
	#naviMain .menu { margin-top: 0;}
	
	#naviMain ul { background: #333; position: absolute; top: 0px; left: 0px; right: 30px; z-index: 10; float: none;  width: 0px; overflow: hidden; -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;}
	#naviMain ul.show { width: 100%; overflow: visible;}
	
	#naviMain ul li { display: block; }
	#naviMain ul li a { display: block; color: #fff; text-transform: uppercase; border-bottom: 1px #bbb dotted; padding: 18px }
	#naviMain ul li a:hover { background: #fff; color: #333; }
	#naviMain ul li:last-child a { border: 0}
	
	#naviMain li.flag { padding-left: 18px; display: inline-block; margin-right: 1.5rem; }
	#naviMain li.flag a { display: block; border: 0; text-indent: 0; padding: 24px; background-position: 2px 26px}
	
	#naviMain li.outfly a { text-indent: 0; background: none; margin: 0; width: auto; }
	
	#naviMain ul ul { background: #555; margin-right: 60px; top: 0px; left: 120px; z-index: 20; display: block; width: 0px; -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;}
	#naviMain ul ul li a { padding: 15px; }
	#naviMain li.active ul li:not(.active) a { color: #fff; }
	#naviMain li.active ul li:not(.active) a:hover { color: #333; }

	#naviMain ul li:hover ul { width: 100%; }

	#naviLogo { margin-left: 1.25rem; margin-top: 6px; }
	#naviLogo a { border-bottom: 0; }
	#naviLogo img { max-height: 40px; height: auto; }
	
	#naviToggler { position: absolute; top: -12px; right: 0px; z-index: 30 }
	#naviToggler a { color: #777; border: 0; font-size: 1.8rem;}
	#naviToggler.show  { top: -21px }
}

/*
@media screen and (min-width: 992px) and (max-width: 1280px)
{
}
*/