html, body {
	height: 100%;
	background: #333;
}

#wrapper {
	position: relative;
}

#wrapper,
.startscreen {
	max-width: 1920px !important;
	margin: 0 auto;
}

h2 {
	padding: 10px 0 30px 0;
	margin: 0 auto;
}

h3 {
	margin: 0 0 1em 0;
}

p {
	margin: 0;
	padding: 0;
}

.teaser {
	padding: 50px 0;
}

video {
	max-width: 100%;
	display: block;
}

/*############################################# MAGAZINE SPREADS #############################################*/

#startscreen .magpage-text {
	height: 100vh;
}

.magpage {
	background-color: white;
}

.magpage-text-content {
	padding-top: 4em;
	padding-bottom: 4em;
}

.magpage-text-left .columns {
	float: right;
}

.magpage-image {
  height: 102vh !important;
  overflow: hidden;
  background-size: cover;
  padding-left: 0;
  padding-right: 0;
}

.magpage-image.img-1 {
	background: url(img/3.jpg) no-repeat center center transparent;
  background-size: cover;
}

.magpage-image.img-2 {
  background: url(img/2.jpg) no-repeat right center transparent;
	background-size: cover;
}

.magpage-image.img-3 {
  background: url(img/1.jpg) no-repeat center center transparent;
	background-size: cover;
}

.magpage-image.img-4 {
  background: url(img/Halbrenner-Caferacer-BRENNER-05.jpg) no-repeat center center transparent;
	background-size: cover;
}

.magpage h3 {
	padding-bottom: 1em;
	background: url(img/linie.png) left bottom no-repeat transparent;
	background-size: 95px 8px;
}

.magpage .zusatz {
	margin-top: 2em;
}

#startscreen .magpage-text-content .columns {
	max-width: inherit;
}

#startscreen h1 img {
	width: 250px;
}

#startscreen .magpage-text-content {
	padding-left: 0;
}

.magpage .slanted {
  height: 102vh !important;
  background: url(img/bg-grey-slanted.png) no-repeat left bottom transparent;
}



/*############################################ BESONDERHEITEN ############################################*/


#stroaf {
	  position: relative;
	  background: url(img/bg-grey-slanted-bottom.png) no-repeat left bottom #222;
	  padding-bottom: 5em;
}

#stroaf p.echtgross {
	padding: 2em 0 1em 0;
	background: #222;
	margin: 0;
}

#stroaf p.echtgross span {
	padding-bottom: 5px;
	background: url(img/icons/underline-big-white.png) no-repeat left bottom transparent;
	background-size: 70px 7px;
}

#besonderheiten {
	background: #f5f5f5;
	padding: 0 0 4em 0;	
}

#besonderheiten .card {
	margin: 0 auto 0 auto;
	padding: 30px;
}

#besonderheiten .row#doublespeed {
	margin-top: 1em;
	margin-bottom: 2em;
	position: relative;
	margin-right: 0;
	margin-left: 0;
}

#besonderheiten .row#sitzposition {
	margin-right: 0;
	margin-left: 0;
}

#besonderheiten .row#doublespeed .card,
#besonderheiten .row#sitzposition .card {
	margin-right: -.9375em;
	margin-left:  -.9375em;
}

#besonderheiten .tiresimg {
	position: relative;
}

#besonderheiten #fattires .card {
	position: relative;
	margin-top: 30px;
}

#besonderheiten #sitzposition .card {
	padding-bottom: 30px;
}

#besonderheiten .small-centered.large-12 {
	padding-left: 0;
	padding-right: 0;
}

#besonderheiten h3 {
	margin-bottom: 0.5em;
}

#doublespeed p.sup-head {
	margin: 0 0 20px 0;
}

#sitzposition {

}

#sitzposition .card {
	margin-top: 1em;
	background: transparent;
}


/*############################################ FAQ ############################################*/


#faq {
	background: #F7F7F5;
	padding: 7em 0;	
}

.questionanswer {
	padding: 1.2em;
	background: white;
	margin-bottom: 2em;
}

#faq h4 {
	padding-bottom: 0.2em;
}


/*############################################ RIDEIT ############################################*/


.magpage-image.img-rideit {
  background: no-repeat center center transparent;
	background-size: cover;
}

#rideit .magpage {
	background-color: #222;
}

#rideit .magpage-text-content {
	top: 50%;
}

#rideit img {
	width: 240px;
}

#rideit .magpage-text-content {
	padding-left: 0;
}

#rideit .magpage-text-content .columns {
	text-align: center;
}

#rideit .magpage-text-content .columns {
	max-width: 100%;
}


/*############################################ GESCHICHTE ############################################*/

#geschichte {
	background: white;
	padding: 6em 15px;	
}

.section-teaser h2 {
	margin-bottom: 0.7em;
	line-height: 1.5em;
}

.section-teaser h2 span {
	border-bottom: 6px solid #333;
}

.section-teaser h2 small {
	font-size: 0.3em;
}

.geschichte-text {
	max-width: 750px;
}

#geschichte p.tease {
	margin-bottom: 1.5em;
}

#geschichte img {
	padding: 25px 0 10px 0;
}

#geschichte p.brottext:first-letter { 
	float: left; 
	color: black; 
	font-size: 48px;
	font-weight: 900;
	line-height: 54px; 
	padding-right: 8px; 
	padding-left: 3px; 
}





/*############################################### HOTSPOTS ###############################################*/

#hotspots {
	padding: 0 !important;
	background: white;
}

.hotspotwrap {
	position: relative;
}

.hotspotimage {
	padding: 0;
}

.tooltip {
	background-color: white;
	color: black;
	font-size: 70%;
	padding: .75rem;
	position: absolute;
	z-index: 30;
	top: calc(100% + .6495rem);
	max-width: 15rem !important;
	border-radius: 0
}

.tooltip:before {
	border-color: transparent transparent rgba(255, 255, 255, 1);
}


/*############################################ LOGOS HERSTELLER ############################################*/

#brands {
	padding-top: 50px;
	padding-bottom: 50px;
	background: #222;
}



/*############################################ KOMPONENTEN ############################################*/


#komponenten {
	background: white;
	padding-bottom: 8em;
}

#komponenten h2 {
	margin-top: -10px;
	padding-top: 0;
	margin-bottom: 0;
}

#komponenten ul {
	border-bottom: 2px solid black;
}

#komponenten li {
	padding: 0.6em;
	border-top: 2px solid black;
	list-style: none;
	font-size: 16px;
}

#komponenten ul li span {
	font-size: 12px;
	font-weight: 900;
}

#komponenten .zwischenueberschrift {
	margin-bottom: 5em;
}



/*############################################ DEATAILS ############################################*/

#details {
	padding: 6em 0;
	background: white;
}

#details .detailbild {

}

#details .section-teaser {
	margin: 3em auto 7em auto;
	max-width: 820px;
}

#details h2 {
	margin-bottom: 0.4em;
	line-height: 1.5em;
}

#details h2 span {
	border-bottom: 6px solid #333;
}

#details #gotoinstagram h3 {
	position: relative;
	display: inline-block;
	top: 35%;
}

#details #gotoinstagram h3 a {
	padding-bottom: 26px;
	background: url(img/icons/Instagram-Logo.png) no-repeat center bottom transparent;
	background-size: 60px 20px;
}

#details figure {
	margin: 0 0 1.875em 0;
}

#details figcaption {
	margin-top: 10px;
}

.detailbild.cuttofit {
	overflow-y: hidden;
}

#lightskin {
	margin-bottom: 1.875em;
}

.detailbild-description {
	padding: 2em 2em;
}

#square-gallery {


}


/*############################################ FOOTER ############################################*/

#footer {
	padding-top: 1em;
	padding-bottom: 5em;
	background: #222;
}

#footer h4 {
	margin-top: 4em;
}

#footer ul {
	margin-top: 2em;
	list-style: none;
	border-top: 3px solid #333;
}

#footer ul li {
	border-bottom: 3px solid #333;
}

#footer ul a {
	color: #999;
	display: block;
	padding: 1em 0;
}

#footer ul a:hover {
	color: white;
}

#imprint, #kontakt, #datenschutz {
	padding-top: 5em;
	padding-bottom: 9em;
	background: url(img/bg-red-slanted.png) no-repeat left bottom white;
	position: relative;
	
}

.close-imprint, 
.close-extrapage {
	background: url(img/icons/close-icon.png) no-repeat center center transparent;
	background-size: 42px 42px;
	display: block;
	width: 42px;
	height: 42px;
	position: absolute;
	top: 2em;
	left: 2em;
	text-indent: -999999px;
}


#kontakt {
	text-align: center;
}

#datenschutz p {
	padding-bottom: 1em;
}

#datenschutz h5 {
	padding-bottom: 1em;
	padding-top: 0.5em;
}

#footer .link-facebook a { 
	background: url(img/icons/icon-facebook.png) no-repeat right center transparent;
	background-size: 45px 45px;
}

#footer .link-instagram a { 
	background: url(img/icons/icon-instagram.png) no-repeat right center transparent;
	background-size: 45px 45px;
}



/*############################################ EXTRA PAGES ############################################*/

.extrapage, 
.extrapage #wrapper {
	background: white;
}

.extrapage .extrapage-content {
	padding: 5em 0;
}

.extrapage .section-teaser {
	margin-bottom: 4em;
}

.extrapage p {
	padding-bottom: 1em;
}

.extrapage h3 {
	margin-top: 1em;
}

.close-extrapage {
	left: inherit;
	right: 2em;
}

body.extrapage .close-modal,
.extrapage .close-standalone {
	display: none;
}

body.extrapage .close-standalone {
	display: block;
}

#widerrufsbelehrung {
	background: #f4f4f4;
	padding: 15px;
	margin: 30px 0;
}

p.ende-widerruf,
#widerrufsbelehrung h3 {
	text-align: center;
	margin-top: 2em;
}

#widerrufsbelehrung h3 {
	margin-bottom: 2em;
}

#agbcontent .servus {
	margin-top: 3em;
}




/*############################################# ORDERFORM #############################################*/

#orderform {
	background: #e8e8e8;
	padding: 3em 0 0 0; 
}

#orderform .dontshow {
	display: none;
}

#orderform form {
	max-width: 1120px;
	margin: 0 auto;
}

#orderform .section-teaser {
	margin: 2em auto 8em auto;
	max-width: 820px;
}

.section-teaser h2 {
	margin-bottom: 0.7em;
}

#orderform .section-teaser h2 {
	margin-bottom: 0.4em;
}

#orderform .section-teaser .sup-head {
	background: white;
	color: #c70025;
	display: inline-block;
	margin-bottom: 2em;
	padding: 0 5px;
}

#orderform h2 span {
	border-bottom: 6px solid #333;
}

.callout.alert {
	background-color: #c70025;
	border: none;
	border-radius: 0;
	margin-bottom: 2em;
}



/* ###############   PRODUCT PAGE */


#productpage {
	background: white;
	padding: 6em 0;
	position: relative;
}

#productpage h2 {
	padding: 0;
}

#productpage p {
	margin-top: 1em;
	margin-bottom: 1em;
}

#productpage p.sup-head {
	margin-bottom: 0;
}

#productpage span.product-price {
	display: block;
}

/* TRIANGLES */

#productpage:before,
#checkout:before {
	content: "";
	position: absolute;
	top: -1px;
	left: 50%;
	margin-left: -25px;
	width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  
  border-top: 25px solid #e8e8e8; /* color */
}



/*############################################# CHECKOUT TABLE #############################################*/


#checkout {
	background: white;
	padding: 6em 0;
	position: relative;
}

div.head-warenkorb-wrap {
	text-align: center;
}

div.head-warenkorb {
	display: inline-block;
	position: relative;
}

#emptybag {
	position: absolute;
	top: -8px;
	right: -25px;
	display: block;
	width: 20px;
	height: 20px;
	background: url(img/icons/icon-empty.png) no-repeat center center transparent;
	background-size: 18px 18px;
	text-indent: -99999em;
}

.choose-lieferung {
}

.choose-lieferung a {
	background: url(img/icons/icon-notchecked.png) no-repeat left center transparent;
	background-size: 18px 18px;
	padding: 10px 15px 10px 25px;
}

.choose-lieferung a.active {
	background: url(img/icons/icon-checked.png) no-repeat left center transparent;
	background-size: 18px 18px;
}

#checkout-table  {
	border: none;
}

#checkout-table thead {
	border: none;
	border-bottom: 3px solid black;
	background-color: transparent;
	font-size: 14px;
}

#checkout-table td {
	padding-top: 1em;
	padding-bottom: 1em;
}

#checkout-table #choose-versand-abholung  td  {
	padding-bottom: 0;
}

#checkout-table #versand-abholung  td  {
	padding-top: 0;
}

#checkout-table #versand-abholung  td.anzahl,
#checkout-table #versand-abholung  td.preis  {
	padding-bottom: 2em;
}

#checkout-table tbody {
	border: none;
	background-color: transparent;
	border-bottom: 3px solid black;
}

#checkout-table tbody tr:nth-child(even) {
	background-color: transparent;
}

#checkout-table .anzahl {
	text-align: center;
	font-weight: 900;
}

#checkout-table .preis {
	text-align: right;
	font-weight: 900;
}

#checkout-table tr.mainproduct {
	border-bottom: 1px solid black;
}

#checkout-table tr.mainproduct img {
	width: 150px;
}

#checkout-table p span.description {
	font-size: 15px;
	line-height: 1.3em;
}

.submit-order #summe {
	background: white;
	padding: 0 5px 1px 5px;
	margin-left: 20px;
}

.submit-order {
	text-align: right;
	margin-top: 1.5em;
}

#checkout .button {
	position: relative;
	margin-top: 2em;
	background: #c70025;
	padding: 5px 15px;
	height: 2.5rem;
	border-radius: 0;
	border: 3px solid transparent;
}

.button {
	background: #c70025;
	border-radius: 0;
}

.button:hover,
#checkout .button:hover {
	background: #9f001e;
}

.confirm label {
	display: block;
	width: 95%;
	line-height: 1.5em;
	float: right;
	padding: 0;
	margin: 0;
}

.confirm input {
	vertical-align: top;
	line-height: 2em;
	margin: 5px 0 0 0;
	float: left;
	width: 5%;
}

.confirm  p {
	padding: 10px 0;
	clear: both;
}

.confirm legend {
	background: transparent;
}

.confirm fieldset {
	background: #f0f0f0;
	border: none;
}

p.footnote {
	max-width: 300px;
	float: right;
}

.submit-order br {
	clear: both;
}

/* ERROR */

.is-invalid-label a {
	color: #c60f13;
}


/*############################################# PAGE OVERLAY #############################################*/


.reveal {
	background-color: white;
	z-index: 300;
}

/*############################################### MENÜ ###############################################*/

#navmenu {
	position: absolute;
	top: 0;
	right: 0;
	width: 76px;
	height: 51px;
}

.nav-toggle {
	position: fixed;
	padding: 7px;
	text-decoration: none;
	z-index: 200;
}

.nav-toggle.dontshow {
	display: none;
}

.nav-toggle.text .menu-burger,
.nav-toggle.icon .menu-word,
.nav-open .nav-toggle.text .menu-word {
	display: none;
}

.nav-open .nav-toggle.text .menu-burger {
	display: block;
}

.nav-toggle.icon,
.nav-open .nav-toggle {
	background: white;
}

.nav-toggle .menu-word {
	padding: 10px 15px 0 0;
}

.nav-toggle .menu-word span {
	text-decoration: none;
	border-bottom: 3px solid black;
}

.nav-toggle .menu-burger {
	width: 22px;
	width: 36px;
	padding:7px ;
	background: white;
}

.nav-toggle.icon,
.nav-open .nav-toggle.text {
	margin-left: 26px;
}

.nav-toggle .menu-burger span {
	display: block;
	height: 3px;
	background: black;
	position: relative;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.nav-toggle .menu-burger .line-2 {
	margin: 3px 0
}


#nav {
    width: 50%;
    max-width: 100%;
    height: 100%;
    overflow-y: auto;
    padding-top: 71px;
    background: #111;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 150;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 300ms ease;
    -moz-transition: -moz-transform 300ms ease;
    -o-transition: -o-transform 300ms ease;
    transition: transform 300ms ease;
}

#nav a {
	display: inline-block;
	padding: 2px 0;
	margin: 5px 0 5px 40px;
	color: #fff;
	text-align: left;
	border-bottom: 2px solid white;
}

#nav h3 {
	margin-left: 40px;
	color: white;
}

.nav-open #nav {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.nav-open .nav-toggle .menu-burger .line-1 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 6px
}

.nav-open .nav-toggle .menu-burger .line-2 {
    opacity: 0
}

.nav-open .nav-toggle .menu-burger .line-3 {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: -6px
}

#wrapper:before {
    display: block;
    content: "";
    width: 100%;
    height: 0;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    z-index: 100;
    pointer-events: none;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 300ms ease, height 1ms 300ms ease;
    -moz-transition: opacity 300ms ease, height 1ms 300ms ease;
    -o-transition: opacity 300ms ease, height 1ms 300ms ease;
    transition: opacity 300ms ease, height 1ms 300ms ease
}

.nav-open #wrapper:before {
    -webkit-transition: opacity 300ms ease;
    -moz-transition: opacity 300ms ease;
    -o-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
    height: 100%;
    opacity: 1
}

.lt-ie10 #nav {
    display: none
}

.lt-ie10 .nav-open #nav {
    display: block
}



/*################################################ TYPOGRAFIE ################################################*/

html, body {
	color: #333;
	font-size: 18px;
	font-family: 'sofia-pro', sans-serif;
	font-weight: 400;
	line-height: 1.5;
}

ul, p, h1, h4, h5 {
	margin: 0;
	padding: 0;
}

p,
.button,
tbody,
.tooltip,
.magpage .zusatz.long,
#gotoinstagram h3,
.detailbild h4 {
	letter-spacing: 0.02em;
}

.magpage .zusatz,
.sup-head,
#nav h3 {
	letter-spacing: 2px;
}

#geschichte p em,
.loadingtext p {
	letter-spacing: 0;
}

h2,
p.echtgross {
	font-size: 40px;
}

#details h2,
.extrapage h2 {
	font-size: 32px;
}

h3,
#productpage span.product-price {
	font-size: 24px;
}

#nav a,
#footer h4,
#datenschutz h5 {
	font-size: 18px;
}

.magpage p,
.detailbild p,
#faq h4,
#faq p {
	font-size: 16px;
}

.magpage .zusatz,
#details figcaption,
figcaption,
.submit-order p span.steuer,
.confirm label,
.confirm legend,
.choose-lieferung a,
.sup-head,
.detailbild h4,
#gotoinstagram h3,
#productpage span.product-mwst {
	font-size: 14px;
}

p.footnote {
	font-size: 12px;
}

#nav h3 {
	font-size: 10px;
}

.submit-order p span.steuer,
#footer a,
p.footnote {
	font-weight: 400;
}

h1, h2, h3, h4, h5,
a,
.button,
#geschichte p em,
.submit-order,
.confirm legend,
#besonderheiten p em,
p.echtgross,
.sup-head,
.detailbild h4 {
	font-weight: 900;
}

h1, h2, h3{
	line-height: 1em;
}

#startscreen h1,
.teaser,
.tooltip,
#orderform h2,
.section-teaser,
.alert,
figcaption,
#stroaf,
#gotoinstagram,
#imprint, #kontakt,
#checkout h3,
.zwischenüberschrift,
#komponenten .zwischenueberschrift {
	text-align: center;
}

#productpage h2 {
	text-align: left;
}

.magpage .zusatz,
.choose-lieferung a,
.sup-head,
.detailbild h4,
#gotoinstagram h3,
#footer h4,
#productpage h2,
#nav h3 {
	text-transform: uppercase;
}

.magpage .zusatz.long {
	text-transform: none;
}

a {
	text-decoration: none;
}

.magpage .zusatz,
#details figcaption,
p.footnote {
	color: #999;
}

.button,
.callout.alert,
p.echtgross,
#footer * {
	color: white;
}

a {
	color: #333;
}

p,
.magpage .zusatz.long,
#komponenten h2 {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.magpage .zusatz,
p .email,
.detailbild-griffe figure figcaption p {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

#turnpad {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	color: white;
	background-color: rgba(0, 0, 0, 0.94);
	display: none;
	z-index: 250;
}

.rotatedevice {
	background: url(img/icon-turndevice.png) no-repeat center top transparent;
	background-size: 232px 176px;
	padding-top: 220px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

#turnpad {
	display: block!important;
}

}




/*############################################## MEDIA QUERIES ##############################################*/

@media only screen and (max-width: 640px)  {

#nabe-img {
	height: auto!important;
	overflow-y: visible;
}

#komponenten ul.firstul {
	border-bottom: none;
}

#startscreen .magpage-text-content {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding-top: 0;
	padding-bottom: 0;
}

}


@media only screen and (min-width: 640px)  {
	
h2,
p.echtgross,
#details h2,
.extrapage h2 {
	font-size: 50px;
}

.zwischenueberschrift {
	text-align: left;
}
	
.magpage-text {
	height:102vh !important;
}

.magpage-text-content {
	position: relative;
	top: 45%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding-left: 6%;
	padding-top: 0;
	padding-bottom: 0;
}

.magpage-text-left .magpage-text-content {
	padding-right: 6%;
	padding-left: 0;
}

.magpage-text-content .columns {
	max-width: 345px;
}

.last-magpage {
	background: url(img/bg-grey-slanted.png) no-repeat center bottom white;
}

p.echtgross {
	font-size: 80px;
}

#besonderheiten .row#doublespeed {
	margin-top: 5em;
	margin-bottom: 0;
}

#besonderheiten .card {
	max-width: 420px;
	margin: 0 auto 0 auto;
	padding: 50px 50px 125px 50px;
	background: white;
}

#besonderheiten #sitzposition .card {
	background: transparent;
}

#besonderheiten .row#doublespeed .card,
#besonderheiten .row#sitzposition .card {
	margin-right: auto;
	margin-left:  auto;
}

#besonderheiten .tiresimg {
	margin-top: -50px;
	margin-right: -150px;
}

#besonderheiten #fattires .card {
	margin-top: 35%;
	margin-left: -50px;
	padding-bottom: 50px;
}

#besonderheiten .small-centered.large-12 {
	padding-left: 0;
	padding-right: .9375rem;
}

#rahmenbilder figure.second {
	margin-bottom: 0;
}

#geschichte .geschichte-text {
	-webkit-column-count: 2; /* Safari & Chrome */
	-moz-column-count: 2; /* Firefox */
	-ms-column-count: 2; /* Internet Explorer */
	-o-column-count: 2; /* Opera */
	column-count: 2; /* W3C */
	
	-webkit-column-gap: 30px; 
	-moz-column-gap: 30px;
	-ms-column-gap: 30px;
	-o-column-gap: 30px; 
	column-gap: 20px;
}

#imprint, #kontakt, #datenschutz {
	text-align: left;
}
	
}


@media only screen and (min-width: 720px)  {
	
.magpage h3,
#besonderheiten h3 {
	font-size: 32px;
}
	
}

@media only screen and (min-width: 792px)  {
	
p.echtgross {
	font-size: 100px;
}
	
.magpage h3,
#besonderheiten h3 {
	font-size: 48px;
}

.magpage p {
	font-size: 18px;
}

.magpage-text-content {
	padding-left: 12%;
}

.magpage-text-left .magpage-text-content {
	padding-right: 12%;
}

#stroaf {
	padding-bottom: 10em;
}

#stroaf p.echtgross span {
	padding-bottom: 5px;
	background-size: 141px 14px;
}
	
}

@media only screen and (min-width: 921px)  {

#besonderheiten .tiresimg {
	margin-right: -100px;
}

}

@media only screen and (min-width: 939px)  {


}


@media only screen and (min-width: 1024px)  {
	
#geschichte p.tease {
	margin-left: -100px;
}

#besonderheiten .tiresimg {
	margin-right: 0;
}

#productpage .addtobag,
#productpage .produktpreis {
	text-align: right;
	padding-right: 5%;
}

#komponenten {
	padding-top: 5em;
	padding-bottom: 8em;
}

#komponenten .zwischenueberschrift {
	text-align: left;
}

#komponenten h2 {
	text-transform: uppercase;
	line-height: 1em;
}

#komponenten .section-teaser h2 span {
	border-bottom: none;
}

}


@media only screen and (min-width: 1120px)  {

#startscreen h1 img {
	width: 350px;
}

}

@media only screen and (min-width: 2460px)  {

#nav {
	width:calc((100% - 1920px)/2);
}

}



/*############################################## PRELOADER ##############################################*/


/*
.wf-loading .loadingtext {
  opacity: 0;
}

.wf-active .loadingtext {
  opacity: 1!important;
  transition: opacity 0.1s ease-out;
  -ms-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  -webkit-transition: opacity 0.1s ease-out;
}
*/

#loader.dontshow {
	display: none;
}

.overlay-loader {
 
}

.overlay-loader .loader-background {
  -webkit-transition: background-color .2s 0s linear,right .2s .3s ease-out;
  -moz-transition: background-color .2s 0s linear,right .2s .3s ease-out;
  -ms-transition: background-color .2s 0s linear,right .2s .3s ease-out;
  -o-transition: background-color .2s 0s linear,right .2s .3s ease-out;
  transition: background-color .2s 0s linear,right .2s .3s ease-out;
}

.overlay-loader .loader-icon {
	
}

.overlay-loader .loader-icon.spinning-cog {
  -webkit-animation: spinning-cog 1.3s infinite ease;
  -moz-animation: spinning-cog 1.3s infinite ease;
  -ms-animation: spinning-cog 1.3s infinite ease;
  -o-animation: spinning-cog 1.3s infinite ease;
  animation: spinning-cog 1.3s infinite ease;
}

@-webkit-keyframes spinning-cog {
  0% { -webkit-transform: rotate(0deg) }
  20% { -webkit-transform: rotate(-45deg) }
  100% { -webkit-transform: rotate(360deg) }
}

@-moz-keyframes spinning-cog {
  0% { -moz-transform: rotate(0deg) }
  20% { -moz-transform: rotate(-45deg) }
  100% { -moz-transform: rotate(360deg) }
}

@-o-keyframes spinning-cog {
  0% { -o-transform: rotate(0deg) }
  20% { -o-transform: rotate(-45deg) }
  100% { -o-transform: rotate(360deg) }
}

@keyframes spinning-cog {
  0% { transform: rotate(0deg) }
  20% { transform: rotate(-45deg) }
  100% { transform: rotate(360deg) }
}

@-webkit-keyframes shrinking-cog {
  0% { -webkit-transform: scale(1) }
  20% { -webkit-transform: scale(1.2) }
  100% { -webkit-transform: scale(0) }
}

@-moz-keyframes shrinking-cog {
  0% { -moz-transform: scale(1) }
  20% { -moz-transform: scale(1.2) }
  100% { -moz-transform: scale(0) }
}

@-o-keyframes shrinking-cog {
  0% { -o-transform: scale(1) }
  20% { -o-transform: scale(1.2) }
  100% { -o-transform: scale(0) }
}

@keyframes shrinking-cog {
  0% { transform: scale(1) }
  20% { transform: scale(1.2) }
  100% { transform: scale(0) }
}

.overlay-loader .loader-icon.shrinking-cog {
  -webkit-animation: shrinking-cog .3s 1 ease forwards;
  -moz-animation: shrinking-cog .3s 1 ease forwards;
  -ms-animation: shrinking-cog .3s 1 ease forwards;
  -o-animation: shrinking-cog .3s 1 ease forwards;
  animation: shrinking-cog .3s 1 ease forwards;
}