/* Overrides */
.fa.fa-external-link { font-size: 70%; }
.row { max-width: 95%; }
.row.full { max-width: 100%;  }
.row.full .column, .row.full .columns { padding: 0; }
.reveal-overlay { z-index:12 }
.reveal-overlay h1 { color: #db1919 }
.reveal-overlay .button { background-color: #db1919; color: #fff }
.reveal-overlay .button:hover, .reveal-overlay .button:focus { background-color: #b31010 }
hr { max-width:none; }
/* EOF */

@font-face { font-family: 'Oswald'; font-style: normal; font-weight: 500; src: url('../fonts/oswald-v29-latin-500.eot'); src: local(''), url('../fonts/oswald-v29-latin-500.eot?#iefix') format('embedded-opentype'), url('../fonts/oswald-v29-latin-500.woff2') format('woff2'), url('../fonts/oswald-v29-latin-500.woff') format('woff'), url('../fonts/oswald-v29-latin-500.ttf') format('truetype'), url('../fonts/oswald-v29-latin-500.svg#Oswald') format('svg'); }
@font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 400; src: url('../fonts/fira-sans-v10-latin-regular.eot'); src: local('Fira Sans Regular'), local('FiraSans-Regular'), url('../fonts/fira-sans-v10-latin-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/fira-sans-v10-latin-regular.woff2') format('woff2'), url('../fonts/fira-sans-v10-latin-regular.woff') format('woff'), url('../fonts/fira-sans-v10-latin-regular.ttf') format('truetype'), url('../fonts/fira-sans-v10-latin-regular.svg#FiraSans') format('svg'); }
@font-face { font-family: 'Fira Sans'; font-style: italic; font-weight: 400; src: url('../fonts/fira-sans-v10-latin-italic.eot'); src: local('Fira Sans Italic'), local('FiraSans-Italic'), url('../fonts/fira-sans-v10-latin-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/fira-sans-v10-latin-italic.woff2') format('woff2'), url('../fonts/fira-sans-v10-latin-italic.woff') format('woff'), url('../fonts/fira-sans-v10-latin-italic.ttf') format('truetype'), url('../fonts/fira-sans-v10-latin-italic.svg#FiraSans') format('svg'); }
@font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 700; src: url('../fonts/fira-sans-v10-latin-700.eot'); src: local('Fira Sans Bold'), local('FiraSans-Bold'), url('../fonts/fira-sans-v10-latin-700.eot?#iefix') format('embedded-opentype'),url('../fonts/fira-sans-v10-latin-700.woff2') format('woff2'), url('../fonts/fira-sans-v10-latin-700.woff') format('woff'), url('../fonts/fira-sans-v10-latin-700.ttf') format('truetype'), url('../fonts/fira-sans-v10-latin-700.svg#FiraSans') format('svg'); }

body { font-family: 'Fira Sans', sans-serif; background: #fffdf6; color: #444; }
h1, h2, h3, h4  { font-family: 'Oswald', sans-serif; color: #126984; }
h2 { font-size: 2.4rem;  }
h3 { font-size: 2.1rem; }
h4 { font-size: 1.5rem; font-weight: 700; color: #304ead; letter-spacing: -.025em; text-shadow: 1px 1px 0 #ddd; }
p, section ul li, .reveal ul li, section ol li, .reveal ol li { font-size: 1.3rem;  }
.button { font-size: 1.1rem; }
a { color: #e9a31d; }
a:hover, a:hover { color: #128865; }
a.button i { margin-right: .6rem;}

figure { margin: 3.6rem 0; }
figcaption { font-style: italic; font-size: .8rem; color: #999; margin-top: .3rem; }

/*****/

.secFullHeight { min-height: 100vh; }

.arrowdown { position: absolute; left: 50%; bottom: 120px; z-index: 10 }
.arrowdown a { color: #a50022; }
.arrowdown a:hover { color: #fff; }


.para { background: no-repeat fixed 50% 50%; background-size: cover; min-height: 95vh; }
.para1 { background-image: url('../img/bg/nissan-leaf_426201848_1_5-source.jpg'); }

.galerie { text-align: center; }
.galerie img { margin: 0 .7em .7em 0; }
.row.full .galerie  img { width: 20%; height: auto; margin: 0; }
.galerie img:hover { opacity: .75; }

.preis  { background: #ffd800; padding: 1rem 3rem .3rem; margin-bottom: .6rem; display: inline-block; color: #000; border-radius: 3px; font-weight: 700;  }
.preis .betrag { font-size: 3.2rem; }
.preis .sternchen { font-size: .8rem; position: relative; top:-1.8rem; }
.preis .hinweis { display: block; font-size: .9rem; font-weight: normal; font-style: italic;	}

.kleingedrucktes { margin-top: 2.4rem;  }
.kleingedrucktes, .kleingedrucktes p { font-size: .75rem; color: #777; margin-bottom:.6rem }

.tabs { background: transparent; border: 0; }
.tabs-title > a { font-size: 2.1rem; font-family: 'Oswald'; color: #fff; background: #ccc; margin-right: .1rem; }
.tabs-title.is-active > a {  }
.tabs-title > a:focus, .tabs-title > a[aria-selected="true"],.tabs-title.is-active > a:hover { background-color: #126984; }
.tabs-title > a:hover { background-color: #555; }
.tabs-content { border-top: 1px solid #e6e6e6; }

ul.checkers{ list-style-type: none; margin-left: 0; padding-left: 2em; }
ul.checkers li::before { font-family: 'FontAwesome'; content: "\f00c"; color: maroon; margin-left: -1.5em; margin-right: .5em; }

.infobox { padding: 1.5rem; border-radius: 6px; margin-bottom: 1.5rem; }
.infobox1 { background: #126984; color: #fff; }
.infobox1 h3 { color: #fff; }
.infobox1 a { color: yellow; }

.infobox2 { background: #d5ceb5;  }


.bgimage { width: 100%; height: 100%; background-size:cover; background-repeat: no-repeat; }
.bgimage.bgcenter { background-position: 50% 50%; }
.bgimage.bgcontain { background-size: contain; background-position: center 40%; background-size: 90%; }
.bgimage img { display: none; }

/*****/

.title-bar { background: #fff; }
.title-bar.is-at-top.is-stuck { background: rgba(255,255,255,.75); -webkit-box-shadow: 0px 10px 13px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 0px 10px 13px 0px rgba(0,0,0,0.05);
box-shadow: 0px 10px 13px 0px rgba(0,0,0,0.05); }
.title-bar img, .title-bar a { transition: .3s all; }
.title-bar img { width: auto; padding: .3rem }
.title-bar ul  > li > a, .title-bar ul  > li > a::after { color: #777; }
.title-bar ul  > li  > a { padding: 1rem; margin-right: .15rem; font-family: 'Fira Sans', sans-serif; text-transform: uppercase; font-weight: 700}
.title-bar ul  > li.active  > a { background-color: maroon }
.title-bar ul  > li > a:hover, .title-bar ul  > li > a:hover::after, .title-bar ul > li > a.active { background: #126984; color: #fff;  }
.dropdown.menu > li.is-dropdown-submenu-parent > a::after { border-color: #000 transparent transparent; }
.is-dropdown-submenu { background: #333; border-color: #000; }

.title-bar img { max-height: 60px;}
.title-bar.is-at-top.is-stuck img { max-height: 50px;}
.title-bar.is-at-top.is-stuck a { paddding: .3rem 1rem;}

.title-bar .toggle { display: none; margin-right: 1.5rem; }
.title-bar .toggle a { color: #126984; font-size: 1.8rem; float: right}
.title-bar .toggle a .fa-close { color: #be1522; }

footer { background: #fff; color: #333; font-size: .7rem;  padding: 2.1rem 0 3rem; font-family: Arial, Helvetica, sans; }
footer p { font-size: .7rem;  }
footer .row { max-width: 62.5rem; }


/*****/

.form1 .fICQ { display: none; }
.form1 input, .form1 textarea { font-family: 'Fira Sans', sans-serif; font-size: 1rem;  }
.form1 input:focus, .form1 textarea:focus { background: #555 ;color: #fff;  }
.form1 input[type=submit] { padding: 6px; width: 90%; background: #402806 ; color: #fff; font-weight: bold; cursor: pointer; }
.form1 input[type=submit]:focus { background: maroon; }

.form1 input.checkbox { width: auto; }
.form1 input::placeholder { color: #999; opacity: 1; font-style: italic; }
.form1 input:-ms-input-placeholder { color: #999; font-style: italic; }
.form1 input::-ms-input-placeholder { color: #999; font-style: italic; }

.form1 p { font-size: .875rem; }


.form1 .optionen, .form1 .endrate { padding: 1.45rem; margin: 2.1rem 0; border-radius: 4px; }
.form1 .optionen { background: #999; }
.form1 h3 { color: #fff }
.form1 a { color: yellow }

.form1 .endrate { background: #1f9dab; color: #fff; text-align: center}
.form1 .kommastrich { font-size: 3rem; margin-right: 1rem; position: relative; top: .45rem; }
#endrate { font-size: 4.5rem; font-weight: bold; position: relative; top: .75rem; margin-left: 1rem; }

/*****/

table.techdata tbody, table.techdata tfoot, table.techdata thead, table.techdata tbody tr:nth-child(2n) { background: transparent; border: 0;}
table.techdata td { padding: 1rem; border-bottom: 1px #ccc dotted; }
table.techdata td:first-child::after { content:":"; }

/*****/

.reveal { color: #000; width: 1200px; max-width: 100%; }

.floatbreaker { clear: both; }

.padme { padding: 6rem 0; }
#sec1.padme { padding: 3rem 0; }
.spaceme { margin: 3rem auto; }
.centerme { text-align: center; }

.rahmen1 { border: 1px #ccc solid; }

.bg-white-trans { background: rgba(255,255,255,.5); padding: 1rem; border-radius: 3px; color: #000 }
.bg-black-trans { background: rgba(0,0,0,.75); padding: 1rem; border-radius: 3px; color: #fff }
.bg-gray { background: #555; color: #fff}
.bg-gray h2 { color: #ffd800;}
.bg-gray label { color: #fff}
.bg-white { background: #fff; color: #000}
.bg-black { background: #000; color: #fff}

.button { background-color: #ffd800; color: #000; padding: .85em 1em .5em }
.button:hover, .button:active, .button:focus { background-color: #c5a702; }

.button, .menu > li > a { border-radius: 3px; }

.legal { display: block; font-size: 80%; text-transform: uppercase; }
.legal a { color: #000; }
.legal a:hover { border-bottom: 2px maroon solid }

@-webkit-keyframes AufmacherEinblenden {
    /*0% { filter: saturate(500%) blur(5px) brightness(300%) sepia(100%); }*/
    0% { filter: brightness(300%) sepia(100%); }
    100% { filter: none }
}

.AufmacherEinblenden {
	-webkit-animation: AufmacherEinblenden 2s;
    -webkit-animation-fill-mode: both;
	}

@media screen and (orientation:portrait)
{
	img.aufmacher.portrait { display: block; width: 100% }
	img.aufmacher.landscape { display: none !important; }
}

@media screen and (orientation:landscape)
{
	img.aufmacher.portrait { display: none !important; }
	img.aufmacher.landscape { display: block; }
}


@media screen and (max-width: 1080px)
{
	.title-bar ul li:first-child { display: none }	
}

@media screen and (max-width: 1024px)
{
	#sec1 { height: auto; padding: 0 !important }
}


@media screen and (max-width: 980px)
{
	.title-bar ul  { margin-top:11px; }
	.title-bar ul > li > a { font-size: .8rem; padding: .6rem }	
}

@media screen and (max-width: 820px)
{
	.title-bar .toggle { display: block; }
	.title-bar .top-bar-right { float: none; display: none; clear: both; }
	.title-bar ul li:first-child , .title-bar .top-bar-right.visible { display: block;}
	.title-bar ul  { background: #fff; }
	.title-bar ul > li { display: block; }
	
	.title-bar ul > li > a { font-size: 1.5rem;  padding: 1rem; }
}
@media screen and (max-width: 540px)
{
	.form1 .endrate .text1 { display:block; }
}