/* neu 2020 */
#angebote {height:32px;margin:0px -5px -25px 0;float: right;}
.article {padding:0 0 15px 0;margin:-43px 50px 50px 20px;min-height: 400px;clear: right;float: none;}
.article_img {max-width:100%;height:auto;}
.complimentary {display: block;background-color: #f0ebe7;overflow:hidden;padding-bottom:100px;}
.comTextarea {width:100%;}
.content {height: auto;width: 100%;max-width: 900px;padding: 0;margin: 0 0 0 0;color: #040507;background-color: #f0ebe7;}
#cookies-warning {width: 100%;padding: 1em;opacity:0.9;}
#cookies-warning {clear: both;}
#cookies-warning a {clear:both;margin-left:10px;}
fieldset {border:none;}
.header {width: 100%;margin:0 0 0 0;background-color: #491005;border-top: 1px solid #400;border-bottom: 1px solid #f00;overflow:hidden;height: 46px;}
legend {display:none;}
.manufacturers {display: none;}
.modelle {margin:20px;}
.modelle ul {margin:0;padding:0;}
.modelle a {margin:10px;}
.modelle a:hover {background-color:#444;}
.modell_1 {width: 170px;height:215px;text-align: center;border:1px solid #555;float: left;margin:0 20px 20px 0;background-color: #fff;}
.modell_1 div {margin-bottom:5px;}
.modell_1 img {margin-top: 5px;height: 160px;width: auto;overflow: hidden;}
ul, li {list-style: none;}

/* general layout */
.clear {clear: both;}
.container {max-width: 900px;margin:0 auto;}
hr {border: 1px solid white;height: 0;}
legend {display: none;}
ul, li {list-style: none;}
.wrapper {width: 100vw; height: 100%;}

/* typography */
@font-face {font-family: OpenSans; src: url('../../../fonts/OpenSans-Medium.ttf') format('truetype'); font-weight: normal; font-style: normal;}
.article p {line-height: 1.4em;}	
body {font: 13px/16px OpenSans, Verdana, Arial, Helvetica, sans-serif;letter-spacing: 0.03em;}
.modell_1 {font-size:80%;}
h1 {font-size:36px;text-shadow: 1px 1px 2px black;}
h2 {font-size: 18px;}
.nav-ofen ul li {font-size: 15px;}

/* color */
body {color: #433;}
#angebote a {background-color: #f81b22;padding: 12px!important;border-radius: 1px;color: #fff;text-decoration: none;}
#angebote a:visited {color:#fff;}
h1, h2, h3, h1 span.caps, h2 span.caps, h3 span.caps {color: #ff7837;}
#cookies-warning {color: #ffcc00;}

/* svg */
svg {display:none;}
svg stroke {color:white;}

/* links */
a {color:#ff7800; text-decoration: underline;}
a:hover {transition: background 0.2s ease-in-out;text-decoration: none;}
.article a {color: #ff7800;}	
#cookies-warning a {background-color: #bec6c9;font-size:18px;padding:0.7em;border-radius:11px;color: #000;text-decoration: none;}
.edit a {text-decoration: none;color: #000!important;}
#footer a {color: #ff7800;text-decoration: none;}
.modelle a {text-transform: uppercase;text-decoration: none;}
.nav-top ul li a {color: #c5c5c5;text-decoration: none;text-transform: uppercase;font-size: 40px;line-height: 1px;margin-top:6px;}	
#nav_kontakt {margin-top:3px;}
#top_menu a.active {text-decoration: none; color: #f4f4f4!important;}
.nav-ofen a.active {text-decoration: none; color: #000!important;background-color: #fff;}


.big_img {width: 100%;height: auto;min-height:100px;}
.big_img img {width: 100%;height: auto;min-height:100px;overflow: hidden;}
body {margin: 0;background:url(../../images/491.gif) repeat;}
.clear {clear: both;}
.complimentary h2 {margin:0px 0px 10px 20px;}
.edit {position: fixed; top:10px; right: 10px; z-index: 20; background-color: #bec6c9;padding: 0.5em;border-radius: 7px;}
#error_404 {padding-left:30px;}
#footer {position: fixed;bottom: 0px;left: 0px;height: 25px;width: 100%;margin: 0;background-image:url(../../images/footer.gif);background-repeat: repeat-x;text-align: right;font-size: 10px;padding-top: 10px;color: #bbb;border-top:1px solid #777;}
#footer b {float: left;color: #ff7800;}
#footer span {margin:5px 10px 5px 10px;color:inherit;}
h1 {line-height: normal;margin:0px 0px 10px 0px;padding: 0px;font-weight: normal;}	
h2 {margin:0 0 10px 0;padding: 0;line-height: normal;font-weight: normal;}
#logo {margin:10px 0 0 10px;float: left;}	
#logo img {width:223px;height:auto;}				
.nav-ofen {width: 100%;border-top:1px solid #f00;border-bottom:2px solid #000;padding:0 0 2px 0;background-color: #0099ffff;height: 40px;}
.nav-ofen ul {margin: 0px 15px 0px 15px;padding:2px 0 0 0;}
.nav-ofen ul li {margin-right:10px;padding:10px 0 5px 0;height: 24px; text-transform: uppercase;float: left;}
.nav-ofen ul li a {color: #fff;text-decoration: none;}
.nav-ofen ul li a:hover {background-color: #fff;}
.nav-top {margin:0;float: right;}
.nav-top ul {padding:0;list-style-type: none;}
.nav-top ul li {color: #a5a5a5;float: left;display: block;padding:0 11px 0 0;}
span {color: #ff7800; }		
span.caps {color: inherit;}
.wrapper {width: 100%;max-width: 900px;margin: 0 auto;}			

/* obsolete start */
input.button {background:#333; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #ccc;}
input.button:hover {cursor:pointer;background:#999}
/* obsolete end */

/* widescreen ============ */
@media (min-width: 34em) {
body {font-size: 15px!important;line-height: 1.3em;}
.manufacturers {display: block;}
#logo img {}				
.big_img {width:100%; display:block;}
.big_img img {width:100%;height:auto;}
}