/*
Theme Name:TM MOTO by RAMEIS 3.0
Author: Andreas Hartl 
Date: September 2026
Author URI: https://www.graphiks.info
*/

@font-face {
    font-family: 'RobotoRegular';
    src: url('fonts/RobotoRegular.eot');
    src: url('fonts/RobotoRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoRegular.woff2') format('woff2'),
         url('fonts/RobotoRegular.woff') format('woff'),
         url('fonts/RobotoRegular.ttf') format('truetype'),
         url('fonts/RobotoRegular.svg#RobotoRegular') format('svg');
}

@font-face {
    font-family: 'RobotoLight';
    src: url('fonts/RobotoLight.eot');
    src: url('fonts/RobotoLight.eot') format('embedded-opentype'),
         url('fonts/RobotoLight.woff2') format('woff2'),
         url('fonts/RobotoLight.woff') format('woff'),
         url('fonts/RobotoLight.ttf') format('truetype'),
         url('fonts/RobotoLight.svg#RobotoLight') format('svg');
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}body {line-height: 1;}ol,ul {list-style: none;}blockquote,q {quotes: none;}blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}caption,th,td {font-weight: normal;text-align: left;}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}audio,canvas,video {display: inline-block;}audio:not([controls]) {display: none;}del {color: #333;}ins {background: #fff9c0;text-decoration: none;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup {top: -0.5em;}sub {bottom: -0.25em;}small {font-size: smaller;}img {border: 0;-ms-interpolation-mode: bicubic;}

*  {box-sizing: border-box; outline:none;}
a, ul.sub-menu, .searchfield {-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;}
html { overflow-y: scroll;}

body	{ color:#454545; font-family:'RobotoLight', Arial, Helvetica, sans-serif; font-size: 17px; line-height: 1.6em;   background-color:  #172983;  }

a, a:visited 	{ 	color: #333; 	text-decoration:underline; }
a:hover, a:focus, a:active 	{ 	color: #999; 	 }
a[href*=".pdf"] { background: url(pics/Adobe-PDF-Document-icon.png)  left 5px no-repeat;  line-height:24px;  padding:0 0 0 30px; display:block; min-height:30px; } 
a.nosymbol {background: 0 none !important; padding: 0 !important; }
a[href*="tel"] { text-decoration: none;}

h1, h2, h3, h4, h5, h6, #menu, #alert {font-family:'RobotoRegular', Arial, Helvetica, Sans-Serif; letter-spacing: 1px; margin:0 0 10px 0;  color:#172983; font-weight: bold;}
h2.pagetitle {padding-bottom:3px; border-bottom:3px double #ddd; clear:both; margin-bottom:20px; font-size:1.5em; line-height: 1.5em;}
h2 i	{ font-style:normal; color:#ffed00;}

h3 a, h3 a:visited	{ text-decoration:none; color:#172983;}
h3.title	{ font-size:1.5em;}
h2, h3	{ text-transform: uppercase;}
/*.page-template-marken-php h3.subtitle { font-size:1.5em; height:50px;   border-bottom:2px solid #ffed00;}
.category-events h3.subtitle  {  border-bottom:2px solid #ffed00;}*/
h4	{ font-size:1.1em; }
h4 a, h4 a:visited	{ text-decoration:none; color:#172983;}

h2 a:hover, h2 a:active, h3 a:hover, h3 a:active	{ text-decoration:underline;}	

p 	{ margin:0 0 7px 0;}
hr { background:0;border: 2px dotted #ddd; border-width:0 0 2px 0;height: 1px;width:100%;margin:15px 0; clear: both;}
small	{ font-size:0.85em !important ; color:#ccc; font-weight:normal !important;}
img, .wp-caption	{max-width:100% !important;height:auto; display: block;} 
strong {font-weight: bolder; color: #000; }

/*LAYOUT
=========================================================*/
.container { width:100%; position:relative;  }
.content {max-width: 1500px;margin:0 auto; width: 96%; }
.startcontent { margin: 0 !important; padding: 0 !important; }
.narrowcontent { max-width: 1200px;  margin: 0 auto !important;}

.skiplink { position: absolute; left: -999999999999999999999999999px;}

.page-template-page-startseite #header {margin-bottom: 0;}

/*HEADER 
=========================================================*/
#headerbar { padding: 3px 1%; color: #000; background: #ffed00 ; font-family:'RobotoRegular', Arial, Helvetica, Sans-Serif; }

#headermenu { display: inline-block;}
#headermenu li { display: inline-block; text-align: right; font-weight: bold; border-left:2px solid #444; line-height: 1em;}
#headermenu li:first-child {border: 0;}
#headermenu li a { text-decoration: none; padding:0 7px ;  }
#headermenu li a:hover { text-decoration: underline; }
 
#headerbar .custom-html-widget {display: inline-block;}
#channels	{ display: inline-block; margin: 4px 0 0 15px; }
#channels div	{ width:20px; height:20px; display:inline-block;  background-position: center; background-repeat: no-repeat; background-size: 100%;  margin:  0 5px 0 0; -}
#channels a:hover {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}
#channels a	{ text-decoration:none;  width:100%; height:100%; display:block;}
#channels .feed	{ background-image:url(pics/feed.png) ;}
#channels .facebook	{  background-image:url(pics/FB-f-Logo__blue_57.png) ; }
#channels .youtube	{  background-image:url(pics/YouTube-social-squircle_red_128px.png) ;}	
#channels .instagram	{  background-image:url(pics/instagram.png) ;}	
#channels .newsletter	{  background-image:url(pics/information.png) ; }	
#channels .tiktok	{  background-image:url(pics/tiktok.png) ; }	

#header	{  position:relative;    padding: 1px  0 ; margin: 0;  }
#header .blogtitle {position:absolute;left:0;top:0;width:100%;height:100%;display:block; text-indent:-99999px;z-index:2;}
#header h1 {position:relative;   width: 80%; padding:15px 0 5px 2%; color: #fff; font-size: 1em;   }
#header h1 .headerlogo { width: 100%; display: block;}
#header h1 .headerlogo img  { max-width: 100%; height:auto; max-height: 110px;}
#header h1 a { text-decoration: none; color: #fff;}

#header .headerdescription .widget	{color:#fff; font-weight: bold; line-height: 1.4em;  display: block;   width: 100%;  padding:  1% 15px 2%;}
#header .headerdescription a { color: #fff ;}
#header .headerdescription a:hover { color: #ccc ;}

#header .kontaktdaten { padding: 0 0 10px 2%;}
#header .kontaktdaten, #header .kontaktdaten a { color: #fff; font-weight: bold;}

/*NAVIGATION 
=========================================================*/

#menu { z-index: 70; background: #E2001A; font-size: 1em; padding: 8px; text-align: center; position: relative;}
#menu li { white-space:nowrap; border-left:2px solid #fff; display: inline-block;padding: 0 7px;}
#menu li:first-child {border: 0;}
#menu a,  #menu a:visited 	{ color: #fff;   text-decoration:none; display:block; padding:0 7px ;  font-weight:bold;    }
#menu a:hover, #menu a:active { color:#ccc;   }
#menu .current_page_item a, #menu.current_page_item a:visited,  #menu .current_page_item a:hover,  #menu .current_page_item a:active, 
#menu .current-cat a, #menu .current-cat a:visited,  #menu .current-cat a:hover,  #menu .current-cat a:active { color: #ffed00; cursor:default;  }
#menu .current_page_ancestor a, #menu .current_page_ancestor a:visited	{ color:#ffed00; cursor:pointer;  }

#menu .menu-item-has-children a:after { content: "\f107"; font-family: 'FontAwesome'; font-size: .9em; font-weight: bold; padding-left: 5px; margin-right: 5px;}
#menu .menu-item-has-children a:hover:after { color:#666;}
#menu .menu-item-has-children .sub-menu a:after {content: ""; }

#menu ul.sub-menu {  position:absolute;   top:42px;   text-align: left; height: 0; overflow: hidden; visibility: hidden; opacity: 0; margin: -20px 0 0 -15px; border:1px solid #E2001A; border-width:2px 1px 1px 1px;   background:#fff; padding-bottom: 8px;  }

#menu li:hover ul.sub-menu { height: auto;  visibility: visible; opacity: 1; width: auto;  margin:0 0 0 -15px;  }

#menu .sub-menu	li, #menu .menu_item_has_children:hover .sub-menu .menu_item_has_children  {border-width:0 0 1px 0 ; border-bottom-color:  #ddd;float:none;margin: 0; padding: 5px  15px 5px 5px; display: block; height: auto; line-height: 1.6em; }
#menu .sub-menu	li:last-child   {-webkit-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px; border-bottom: 0;}

#menu .menu_item_has_children .sub-menu a {height: auto;}

#menu ul.sub-menu a, #menu .current-menu-item ul a,#menu .current_page_ancestor ul a { color: #333!important ; }
#menu ul.sub-menu a:hover, #menu .current-menu-item ul a:hover,#menu .current_page_ancestor ul a:hover { color: #999 !important ;}
#menu .sub-menu .current-menu-item a {color:#999 !important;cursor:default; }

/*CONTENT 
=========================================================*/

#content {background-color: #fff; padding: 25px 0; }
#post	{position:relative; margin:10px 0 30px 0; padding-top: 10px; }

/*Breaking News*/
#alert { background:#efefef;  border:2px solid #d61010; border-width: 4px 0 2px 0; padding: 7px 1% 0 1%; position: relative; z-index: 3; font-size: 1.25em; text-align: center; font-weight: bold;  margin-top: -12px; line-height: 1em; margin-bottom: 5px;  }
#alert a { text-decoration: none;}
#alert a:hover { text-decoration: underline;}
hr.alert { margin: 0; height: 10px; border: 0; background: #172983  }

/*Posts -------------------------------------------------------------------------------------------------*/
.storycontent{  padding: 0 15px; margin-bottom: 15px; position: relative;}
.copyright	{ color:#ccc;  font-size:.85em; padding-top: 30px; display: block; text-align: center;}

/*Bilder, Videos, Objects, iframes, Captions*/
#storycontent img {-webkit-border-radius: 3px; border-radius:3px;}
.alignright {margin:0 0 15px 3%;display:inline;float:right;} .alignleft {margin:0 3% 15px 0;display:inline;float:left;} .aligncenter { margin: 0 auto 10px auto; text-align: center;}  .alignnone {display: inline-block; margin: 0 15px 10px 0;} #storycontent img.alignleft, #storycontent img.alignright 	{ max-width:35%;} #content a img	{opacity:1;} #content a:hover img	{opacity:.8} #storycontent img.alignnone { margin: 0 15px 10px 0;}

.page-template-page-modelle .storycontent a  img.size-thumbnail { max-width: 25% !important;}

/*Breadcrumb*/
.breadcrumb { padding:0; margin:0 0 15px 0; font-size:0.8em; color:#999; left: 0;}
.breadcrumb a { color:#999;  } .breadcrumb a:hover { color:#333;}

/*Angebote*/
#post.category_angebote 	{border-color:#d61010;}
.category_angebote h3, .category_angebote h3 a, .category_angebote h3 a:visited   { color:#d61010;}

/*Newsuebersicht, Category, Search*/
.newsintro { padding-top:10px;border-top:2px dotted #ddd;  margin-top: 15px;}
.newsintro a { text-decoration: none; display: block; width: 100%; height: 100%; opacity: 1;}
.newsintro a:hover { opacity: .7;}
.newsintro .more-link { text-decoration: underline;}
.newsintro img.wp-post-image { max-width: 214px !important;}
.storycontent .newsintro:first-of-type {border-top: 0;}

/*Shops*/
.page-template-shop-php .storycontent	{ width:100% !important; float: none !important; padding-bottom: 100px;}
.page-template-shop-php h2	{color:#ffed00; border: 0;}
.page-template-shop-php iframe	{ height:2800px; border:0 none; background:url(pics/loading.gif) center center no-repeat;}

.storycontent .pagetitlelist { margin: 0;}
.storycontent .pagetitlelist li { display: inline-block; padding: 6px 7px !important;  font-size: .85em; white-space: nowrap; margin: 0 3px 7px 0; }

.storycontent .pagetitlelist li a { text-decoration: none;}
.storycontent .pagetitlelist li a:hover { color: #999;}
.storycontent .pagetitlelist li.current_page_item { background: 0; border: 0;box-shadow: 0 1px 2px rgba(64, 64, 64, 0.0);}
.storycontent .pagetitlelist li.current_page_item a { color:#172983 !important; cursor: default!important; text-decoration: none !important; border-color:##172983 }

/*Listen*/
.storycontent ul	{ margin:0 0 10px 20px;}
.storycontent ol	{ margin:0 0 10px 25px;}
.storycontent  ul li	{ list-style:circle; padding: 0 0 3px 5px;}
.storycontent ol li	{ list-style:decimal ; padding: 0 0 7px 5px;}

.childpages { margin: 15px auto; width: 96%; text-align: center;border-bottom: 3px solid #ccc; padding: 15px 0;}
.childpages li { display: inline-block; position:relative; padding: 0 15px; }

/*Uebersichten: Team, Marken*/
.storycontent .subseiten { display: flex; flex-direction: row; flex-wrap:wrap;align-items:stretch; justify-content: space-between;align-content: flex-start; }
.storycontent .subseiten section {  text-align:center; font-size:1.1em; font-weight:bold; margin-bottom:25px ; padding:15px 15px 5px 15px; border:1px solid #ddd; -webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;  width: 48%;  border-radius: 4px; } 

.storycontent .subseiten section:hover	{ border-color:#999;}
.subseiten a, .subseiten a:visited	{ text-decoration:none; width: 100%; height: 100%; display: block;}
.subseiten a:focus, .subseiten a:hover, .subseiten a:active {text-decoration: none;}
.subseiten img	{ max-width:100%; height:auto; padding: 0; border: 0;display: block; opacity: 1; }
.subseiten a:focus img, .subseiten a:hover img, .subseiten a:active img {opacity: .6; }
.storycontent .subseiten small { font-weight: normal; font-size: .88em; color: #333; line-height: 1.4em;}
.storycontent .subseiten img { margin-left: auto; margin-right: auto;}
.storycontent .subseiten .price {display: block;  padding: 6px 0 0 0; font-size: .85em; font-weight: normal;} 

/*Aktion*/
.specialpricebox { position:absolute; right:20px; top:85px; width:125px; padding:20px;  border:3px solid #fff; background:#fff; z-index:2; }
.specialpricebox .aktion	{ font-size:1.6em; font-weight:bold; color:#d61010; font-family: Arial, Helvetica, sans-serif;}

/*Tabelle*/
table	{ margin-bottom:15px; border-spacing:0;   overflow-x: auto; padding-bottom: 20px; width: 100% ; display: block; max-width: 100%;}      
td, th	{ padding:3px 10px 3px 0;  vertical-align:top; white-space:normal; text-align:left; border-bottom:1px dashed #ddd;}
td h4	{margin:13px 0 10px 0;}
td h5	{ font-size:1em; color:#d61010; float:right; display:inline; margin:0 0 0 15px; font-weight:bold;}
th	{ color:#172983; padding-top:20px; border-bottom:3px double #ddd;}
.page-template-page-modelle tr td:first-of-type, .tableuebersicht tr tr td:first-of-type 	{ width:250px; font-weight:bold;}
.page-template-page-modelle  h4	{ font-size:1.5em; }

table p	{ margin:0;}

/*Tabellenuebersichten Marken, Umbau, Starterlisten*/
.markenlogo { max-width: 150px; margin-top: -8px; background: #fff; padding-left: 15px;}

.page-parent   tr td:first-child	{ width:300px;  }
table a .attachment-medium, table a:visited .attachment-medium { width:85px; height:auto; float:left; margin: 0 15px 0 0; border:0 none; padding:0;}

/*Template TM Moto*/
.modellfoto { max-height: 550px; margin: 15px auto 15px 0; }

/*ACF Tabelle*/
.modelldaten { width: 100% !important; border: 3px solid #ccc; border-width: 3px 0 0 0; padding: 10px 0; min-width: 100%;}
.modelldaten tr { width: 100%  !important; min-width: 100%;}
.modelldaten th, .modelldaten td { border-bottom: 1px dashed #ddd; }
.modelldaten tr td:first-child { width:250px; font-weight:bold;}
.modelldaten .firstcol { width: 25%;}
.modelldaten .secondcol { width: 75%;}

.technicaldata {border-bottom: 3px solid #ccc;}

/*Miniaturen: Marken-Detailinfo*/
.page-template-marken-php img.size-thumbnail	{ width:110px; height:auto;}

/*Suche*/
.searchform { margin: 20px auto 5px auto;}
.searchfield { height:30px; border-color:#bebebe; line-height: 30px; border-radius: 15px; width: 300px; padding: 2px 15px;background-image: url(pics/search-header.png); background-position: right;  background-repeat: no-repeat; background-size:auto 100%; font-size: 17px; color: #9aaeb3; }
.searchfield:focus, .searchfield:active { border-color: #9aaeb3; font-size: 1em; background-size: 0; color: #444; font-size: 16px; height: 32px;  line-height: 32px;  padding: 4px 15px; border-radius: 16px;}

.searchform .button {display:none;}

/*Pagenavi*/
.wp-pagenavi {text-align:center;padding:20px 0;display:block;margin:20px 0; border-top:2px dotted #ddd; } .wp-pagenavi .pages {margin-right:10px;line-height:2em;} .wp-pagenavi a,  .wp-pagenavi .current, .wp-pagenavi .extend {text-decoration:none;display:inline;margin-right:5px;} .wp-pagenavi .current {background:#004494 !important;color:#ffed00; border-color: #004494 !important;}

/*Share-Buttons*/
.shariff  { padding-top: 40px;}

/*SIDEBAR 
=========================================================*/
/*.sidebarbox	{ border:1px solid #172983; background:#efefef; margin:0 0 20px 0;  -webkit-hyphens: auto;  -moz-hyphens: auto;  -ms-hyphens: auto;  hyphens: auto; border-radius: 4px;	 }
.sidebarbox ul { margin: 0 15px 15px 15px;}
.sidebarnews li { padding-bottom: 12px;}
.sidebarbox h4, .page-template-page-modelle .sidebarbox  h4	{ padding-bottom:3px;  margin:0 0 10px 0; color: #ffed00; background-color:  #172983;  border-radius: 4px 4px 0 0; padding: 5px 15px; font-size: 1.1em;   }
.sidebarbox a, sidebarbox a:visited	{text-decoration:none;  border-bottom:1px  dotted #999;; padding: 4px 20px 4px 3px; display: block; position: relative;}
.sidebarbox a:hover, .sidebarbox a:active	{ border-bottom-color:#999; color:#172983;}
.sidebarbox ul li:last-child a { border: 0;}

.sidebarbox .current_page_item a, .sidebarbox .current_page_item a:visited,.sidebarbox .current_page_item a:hover, .sidebarbox .current_page_item a:active,
.sidebarbox .current_page_parent a, .sidebarbox .current_page_parent a:visited, .sidebarbox .current-cat a,  .sidebarbox .current-cat a:visited
{ color: #172983; cursor:default; text-decoration:none; padding-right: 25px;  }
.sidebarbox li[class*="current"] a:after {  content: '\25BA'; position: absolute; right: 0;}
.sidebarbox .current_page_ancestor a, .sidebarbox .current_page_ancestor a:visited	{  color: #172983; cursor:pointer; background:0 none;}
.sidebarbox .current_page_parent a:hover, .sidebarbox .current_page_parent a:active	{ cursor:pointer;}

#sidebar .searchfield	{ width:100%;  border:1px solid #172983; padding: 5px 15px; border-radius: 4px;  }
#sidebar .searchform input {max-width: 100%;}*/

/*FOOTER 
=========================================================*/
#footer {   padding:15px 3%; color:#fff; background-color:  #172983; font-size: .85em; }
#footer a, #footer a:visited	{ color:#fff;}
#footer a:hover, #footer a:active	{  color:#ddd; }

#footer #metamenu { text-align: center; width: 100%;}
#footer #metamenu li { display: inline-block; margin: 0 7px; }

#footer .footer-logo { max-width: 300px; padding-top:35px; padding-bottom: 75px; margin: 0 auto;}

/*STARTSEITE 
=========================================================*/

.page-template-page-startseite #content, .page-template-page-startseite #post,  .page-template-page-startseite .storycontent		{margin-top:0;  padding-top: 0;    }

/*SPECIAL
======================================= */
/*Uberschreiben*/
.noborder, .noborder td { border:none !important;} 
.hidden, .dont-show, .invisible	{ display:none !important;}
.nowrap	{ white-space:nowrap;}
.Trennlinie { clear:both;  border-top:3px double #ddd; padding-top:20px; display:block; margin-top:10px; height:4px;}
.line	{ border-bottom:1px solid #ccc; padding-bottom:4px; }
.red, .red strong	{ color:#d61010; font-weight:bold;}
.orange {color: #f27620;}
.blue {color: #172983; font-weight: bold;}f
.red a, .red a:visited	{ color:#d61010;  font-weight:bold;}
.red a:hover, .red a:focus, .red a:active	{ color:#666;  }
.border	{ border:1px solid #ccc !important;}
.uppercase {text-transform: uppercase;}

/*.Clear*/
#menu ul:after, .wp-pagenavi:before, #header:after, #menu:after,  hr:before, .clear:before,.copyright:before, #header .kontaktdaten:after, .clear ,  .post-edit-link:before, #sidebar:after, #footer ul:after {content: " "; height: 0; clear: both; visibility: hidden;font-size: 0; display:table;}
  
/*Buttons*/
.button, .wp-pagenavi a,  input[type="submit"], input[type="button"], input[type="reset"], .wp-pagenavi .current, .search_submit, .search_submit:visited, .storycontent .pagetitlelist li   {-webkit-border-radius: 3px;border-radius: 3px;letter-spacing:1px;padding:4px 7px;font-weight:bold;line-height:1.4em; background-color: #eee;   }  

.button:hover, input[type="submit"]:hover, .wp-pagenavi a:hover, input[type="button"]:hover, input[type="reset"]:hover, #storycontent .snap_nav li:hover, .search_submit:hover, .search_submit:active, .storycontent .pagetitlelist li:hover 	{ border-color: #fbc500;cursor:pointer;color:#000;	background-color: #ebebeb; 	}

/*Shadow*/
.shadowbox {-webkit-box-shadow: 4px 2px 5px rgba(207,207,206, 0.55);box-shadow:  4px 3px 4px rgba(207,207,206, 0.55); }

/*Responsive
==================================================================*/

@media screen and (max-width:420px) {
    
    .wp-pagenavi .pages {margin: 0 0 10px 0; display: block;}

}

@media screen and (min-width:590px) {
      
    .storycontent .subseiten section { width: 31%; } 
    #footer .footer_navigation li	{  width:33.3333333333333333333333333%;}

}
    
@media screen and (min-width:650px) {
    
    #footer footer_navigation li	{  width:25%;}

}

@media screen and (max-width:651px) {
    
    .desktop_only { display: none !important;}
    
}

@media screen and (min-width:1001px) {
    
    #headerbar { text-align: right;}
    
    #header  h1 {  max-width: 55%;float: left; padding-left: 2%; }
    #header .kontaktdaten { text-align:right;   float: right;width: 45%; padding:15px 1% 0 0; position: absolute; right: 0; top: 10px;}
    
    .storycontent { padding-top: 15px;} 
    .technicaldata {display: flex; flex-direction: row; flex-wrap:nowrap;justify-content: flex-start; align-content: flex-start; padding-top: 25px; gap: 20px;}
    .chassisdata, .enginedata { width: 48%;}
    
}

@media screen and (min-width:1100px) {
    
   #header  h1 {  max-width: 65%; font-size: 1.2em; line-height: 1.4em;}  
   #main, #footer { margin:15px auto; width:96%; padding: 10px 25px; }
    #footer ul	{ margin: 0 ;  } 

}

@media screen and (min-width:1400px) {
    
    #header  h1 {  max-width: 65%; }
    #header .mainheader {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: flex-end; gap: 20px;   }
    #header .mainheader .headerlogo {width: auto;flex: 0 0 auto;padding-right: 0;}
    #header .mainheader .headerdescription {flex: 0 0 auto; text-align: left;white-space: nowrap;    }
    
    h2, .pagetitle { font-size: 2.5em !important; line-height: 1.4em;}
    h3 { font-size: 1.3em; line-height: 1.4em;}
    .storycontent .subseiten section { width: 24%; }
    
    .modellfoto { max-height: 750px; }

}

@media screen and (min-width:1700px) {
    
    #header h1 { max-width: 70%;}
    #header .mainheader .headerdescription  { font-size: 1.2em;}
    .technicaldata { gap: 35px;}
    
}