/* 
Stylesheet www.altautoteile.de - made by ak/hsr - 201010-201012-201303-201905-202512 q&d
________________________________________________________________________________________
*/






/* Schriften */

@font-face {
  font-family: 'Open Sans'; font-weight:400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(_components/google-fonts/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: 'Open Sans'; font-weight:600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(_components/google-fonts/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: 'Open Sans'; font-weight:700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(_components/google-fonts/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}






/* Allgemeines */

:root				{ --aat:#ff8c00; --boxshadow1:0 12px 10px -10px rgba(0,0,0,.5), 0 0 40px rgba(0,0,0,.1) inset; }
::selection			{ background:var(--asd); color:#FFF; text-shadow:none; }

html 				{ overflow-y:scroll; }
body 				{ font-family:'Open Sans', Verdana, sans-serif; color:#000000; background:#f0f0f0; margin:5px; hyphens:auto; }
.outer  			{ width:1200px; margin:25px auto 10px auto; padding:0; border:0px solid #909090; }

.header 			{ background:#909090; padding:25px; height:99px; text-align:center; }
.logotext 			{ font-size:40px; color:var(--aat); letter-spacing:5px; padding-bottom:7px; border-bottom:3px solid var(--aat); width:700px; margin:auto; }
.logotext span			{ letter-spacing:0; }
.logotext a:hover		{ text-decoration:none; }
.header h1.header-motto		{ font-size:22px; font-weight:500; color:#FFF; }
.mainnav div a, .logotext	{ text-transform:uppercase; }

.content			{ border:1px solid #FFF; border-top:0; padding:38px 70px; background:#FFF; font-size:17px; line-height:28px; }
h2.seitenheader			{ font-size:17px; font-weight:bold; margin-bottom:28px; }
.einleitung			{ text-align:justify; margin-bottom:38px; }

.footer				{ font-size:12px; margin:auto auto 53px auto; color:#696969; width:1200px; }
.footer #left			{ float:left; width:250px; padding-left:3px; }
.footer #right			{ float:right; width:400px; text-align:right; }
.footer a			{ padding:4px 2px 1px 2px; }
.footer a:hover			{ border-bottom:1px solid var(--aat); text-decoration:none; }

a:link, a:visited		{ color:var(--aat); text-decoration:none; }
a:hover, a:active 		{ text-decoration:underline; }

.handheld-only			{ display:none; }





/* Navigation */

.mainnav			{ display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:28px 24px; width:calc(100%-88px); padding:20px 44px 0 44px; font-size:16px; font-weight:bold; background:var(--aat); }
.mainnav div			{ text-align:center; margin:auto 25px; border:2px solid #FFF; border-bottom:0; border-radius:4px 4px 0 0; padding:8px 10px; transition:.5s; }
.mainnav div.active		{ background:#fff; color:var(--aat); }
.mainnav div:hover		{ background:#fff; color:#696969; transition:.5s; }
.mainnav a			{ text-decoration:none; color:#f0f0f0; display:block; transition:.5s; }
.mainnav div.active a		{ text-decoration:none; color:var(--aat); }
.mainnav div:hover a		{ color:#696969; transition:.5s; }

.nav-2nd			{ padding:45px 0 0 70px; background:#FFF; font-size:15px; }
.nav-2nd a			{ display:inline; text-decoration:none; background:#f0f0f0; border-radius:5px; margin-right:32px; padding:6px 14px; }
.nav-2nd a:hover		{ text-decoration:none; border-bottom:1px solid var(--aat); }
.nav-2nd a.aktiv		{ margin-right:32px; font-weight:bold; color:var(--aat); display:inline; }





/* Formulare */

fieldset			{ width:800px; border:1x solid #C8C8C8; background:#F0F0F0; margin:22px auto; padding:25px; font-size:15px; line-height:22px; }
legend				{ color:#696969; padding:8px 22px; border-radius:4px; font-weight:600; background:#C8C8C8; line-height:auto; border:2px solid var(--aat); }
fieldset legend span		{ font-weight:normal; }

input, select 			{ font:12px Verdana; background:#fff; padding:5px; }
input[type=text]		{ border:1px solid var(--aat); border-bottom:2px solid var(--aat); border-radius:2px; padding:6px; width:100px; margin-right:10px; }
input[type=submit], .button	{ background:var(--aat); color:#fff; border:2px solid #898989; padding:6px 20px; border-radius:4px; }
input:focus			{ border:1px solid var(--aat); border-bottom:2px solid var(--aat); }

select				{ border:1px solid var(--aat); border-bottom:2px solid var(--aat); width:310px; height:32px; margin-right:40px; }
select option			{ padding:2px; background:#F0F0F0; vertical-align:center; }
select option.start		{ background:#FFCC99; border-bottom:1px solid #C8C8C8; }






/* Druckausgabe */

@media print {
color:#000 !important;
background:#FFF !important;
.noprint, #noprint { display:none; }
}






/* Handy-Optimierung */
@media only screen and (max-width:799px) { 
.outer, .footer 		{ width:100%; margin:0; }
.content 			{ padding:20px 15px; font-size:16px; line-height:1.5; }
.header 			{ height:auto; padding:20px 10px; }
.logotext 			{ width:100%; font-size:28px; letter-spacing:2px; }
.header h1.header-motto 	{ font-size:16px; }
.mainnav div			{ margin:8px 0; }
.mainnav			{ gap:28px 2px; padding:20px 6px 0 6px; font-size:10px; }
.mainnav div			{ margin:auto 5px; border:2px solid #FFF; border-bottom:0; border-radius:4px 4px 0 0; padding:8px 4px; }

.nav-2nd			{ padding:35px 0 0 20px; font-size:13px; }
.nav-2nd a			{ margin-right:22px; }
.nav-2nd div.aktiv		{ margin-right:22px; }

fieldset 			{ width:90%; margin:20px auto; padding:15px; }
legend 				{ font-size: 14px; padding: 6px 10px; }
input, select, textarea 	{ width:100% !important; box-sizing:border-box; font-size:16px; margin-bottom:12px; }
input[type=text] 		{ margin-right:0; }
select 				{ height:38px; }
input[type=submit], .button 	{ width:100%; padding:12px; font-size:16px; }

.footer #left, .footer #right 	{ float:none; width:100%; text-align:center; margin:10px 0; }
}