/*
Theme Name: FinanzTheme Orange
Theme URI: http://www.festgeld-zinsen.eu
Description: Professionelles Finanzdesign
Version: 1.0
Author: Felix J. Leupold
*/

body {
background-color:#c4ba97;
background-image:url(../images/bg.jpg);
background-repeat:repeat-y;
background-position:center top;
margin:0;
padding:0;
font-family:Verdana,Geneva,sans-serif;
font-size:12px;
}
a:link, a:visited {
color:#af8b2b;
text-decoration:none;
}
a:hover, a:active {
color:#9f8430;
text-decoration:underline;
}

/* === HEADER === */
#header {
background-color:#c4ba97;
background-image:url(../images/header_bg.jpg);
background-position:right center;
background-repeat:no-repeat;
border-bottom:3px solid #e4e4c7;
height:150px;
margin:0 auto;
padding:0;
width:1000px;
}
#header h1 {
color:#3d3700;
display:block;
font-family:Verdana,Geneva,sans-serif;
font-size:45px;
font-weight:normal;
height:97px;
line-height:97px;
margin:0;
padding-left:15px;
vertical-align:middle;
}
#header h1 a {
color:#3d3700;
display:block;
text-decoration:none;
}
#header span {
color:#FFFFFF;
display:block;
font-family:Verdana, Geneva, sans-serif;
font-size:13px;
line-height:27px;
padding-left:20px;
padding-right:20px;
vertical-align:middle;
}
#header span a {
color:#FFFFFF;
font-family:Verdana,Geneva,sans-serif;
font-size:10px;
text-decoration:none;
}
#header span a:hover {
text-decoration:underline;
}

/* === PAGE === */
#page {
width:1000px;
margin:0 auto;
overflow:hidden;
}

/* === CONTENT (RIGHT, float) === */
#content {
float:right;
font-family:Verdana,Geneva,sans-serif;
font-size:12px;
width:800px;
}
#content .post {
margin-right:10px;
margin-top:10px;
}
#content div h2 {
color:#453819;
font-size:18px;
}
#content .post h2 a:link, #content .post h2 a:visited {
color:#453819;
font-size:18px;
text-decoration:none;
}
#content .post h2 a:active, #content .post h2 a:hover {
text-decoration:underline;
}
#content .post h3 {
color:#453819;
font-size:14px;
margin:18px 0 8px;
}
#content .post p {
margin-bottom:10px;
line-height:1.7;
}
#content .post ul, #content .post ol {
margin:8px 0 12px 20px;
}
#content .post li {
margin-bottom:4px;
}
p img {
max-width:100%;
padding:0;
}

/* === SIDEBAR (LEFT, float) === */
#sidebar {
background-color:#e4e4c7;
float:left;
height:100%;
padding-bottom:15px;
text-align:center;
width:190px;
}
#sidebar .title {
background-color:#e3cc6d;
color:#977b0a;
display:block;
font-family:Verdana,Geneva,sans-serif;
font-size:12px;
font-weight:bold;
margin-bottom:2px;
margin-left:2px;
margin-right:2px;
padding:2px;
text-align:center;
}
#sidebar .sidemenue {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 15px;
padding:0;
text-align:left;
}
#sidebar .sidemenue li {
background-color:#F1F1D4;
display:block;
font-family:Verdana,Geneva,sans-serif;
font-size:12px;
margin:2px;
text-align:left;
}
#sidebar .sidemenue li:hover {
background-color:#faf7d3;
}
#sidebar .sidemenue li a {
border-left:10px solid #e3cc6d;
color:#1c282d;
display:block;
padding:3px;
text-decoration:none;
}
#sidebar .sidemenue li a:hover {
border-left:15px solid #e8dd62;
color:#1c282d;
}
#sidebar .newstitle {
background-color:#cdb862;
color:#9c8011;
display:block;
font-family:Verdana,Geneva,sans-serif;
font-size:12px;
font-weight:bold;
margin-bottom:2px;
margin-left:2px;
margin-right:2px;
padding:2px;
text-align:center;
}
#sidebar .sidenews {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 15px;
padding:0;
text-align:left;
}
#sidebar .sidenews li {
background-color:#d4d0a5;
display:block;
font-family:Verdana,Geneva,sans-serif;
font-size:12px;
margin:2px;
text-align:left;
}
#sidebar .sidenews li:hover {
background-color:#c6c18b;
}
#sidebar .sidenews li a {
border-left:5px solid #cdb862;
color:#604f0c;
display:block;
padding:3px;
text-decoration:none;
}
#sidebar .sidenews li a:hover {
border-left:5px solid #b4a35c;
color:#222c30;
}

/* === EMPFEHLUNG === */
.empfehlung {
background-color:#e4e4c7;
margin:auto;
padding-bottom:4px;
width:500px;
}
.empfehlung h3 {
background-color:#ebd55d;
margin:0;
font-size:10px;
padding:2px;
text-transform:uppercase;
}
.empfehlung div {
background-color:#FFFFFF;
border:1px solid #baae7e;
display:block;
margin:10px auto auto;
padding:4px;
width:465px;
}
.empfehlung div ul {
list-style-image:url(../images/haken.jpg);
list-style-position:inside;
list-style-type:none;
margin:0;
padding:0;
}
.empfehlung div ul li {
list-style-image:url(../images/haken.jpg);
list-style-position:inside;
list-style-type:none;
padding-left:4px;
}
.empfehlung div p {
margin:0;
}
.empfehlung div a {
background-color:#e3dcb6;
color:#000000;
display:block;
font-size:10px;
margin-top:4px;
padding:2px;
text-align:center;
text-decoration:none;
}
.empfehlung div a:hover {
background-color:#f0e298;
}

/* === COMPARISON TABLE === */
.comparison-table {
width:100%;
border-collapse:collapse;
margin:15px 0;
font-size:11px;
}
.comparison-table thead th {
background-color:#e3cc6d;
color:#604f0c;
padding:6px 8px;
text-align:left;
font-size:11px;
font-weight:bold;
border-bottom:2px solid #cdb862;
}
.comparison-table tbody td {
padding:7px 8px;
border-bottom:1px solid #e4e4c7;
vertical-align:middle;
}
.comparison-table tbody tr:hover { background-color:#f5f3e0; }
.comparison-table .rate { font-weight:bold; color:#977b0a; font-size:14px; }
.comparison-table .bank-name { font-weight:bold; color:#453819; }
.comparison-table .btn-angebot {
display:inline-block;
background-color:#e3dcb6;
color:#000;
padding:4px 10px;
font-size:10px;
font-weight:bold;
text-decoration:none;
text-align:center;
border:1px solid #cdb862;
}
.comparison-table .btn-angebot:hover {
background-color:#f0e298;
text-decoration:none;
}
.comparison-table .highlight td {
background-color:#faf7d3;
}
.comparison-table .badge-top {
display:inline-block;
background-color:#ebd55d;
color:#604f0c;
font-size:9px;
padding:1px 5px;
font-weight:bold;
text-transform:uppercase;
margin-left:5px;
}

/* === LEAD FORM === */
.lead-form-box {
background-color:#e4e4c7;
border:1px solid #cdb862;
padding:15px;
margin:20px 0;
}
.lead-form-box h3 {
background-color:#ebd55d;
color:#604f0c;
font-size:13px;
padding:5px 10px;
margin:-15px -15px 15px -15px;
text-transform:uppercase;
font-weight:bold;
}
.lead-form-box .subtitle {
color:#777;
font-size:11px;
margin-bottom:12px;
}
.lead-form-box .form-grid {
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
}
.lead-form-box label {
font-size:10px;
color:#604f0c;
display:block;
margin-bottom:2px;
font-weight:bold;
text-transform:uppercase;
}
.lead-form-box input,
.lead-form-box select {
width:100%;
padding:5px 7px;
border:1px solid #baae7e;
font-size:12px;
font-family:Verdana,Geneva,sans-serif;
background:#fff;
}
.lead-form-box input:focus,
.lead-form-box select:focus {
outline:none;
border-color:#977b0a;
background:#fffff5;
}
.lead-form-box .form-full { grid-column:1/-1; }
.lead-form-box .consent {
font-size:10px;
color:#888;
margin-top:8px;
grid-column:1/-1;
}
.lead-form-box .consent input { width:auto; margin-right:4px; }
.lead-form-box .btn-submit {
grid-column:1/-1;
background-color:#e3cc6d;
color:#3d3700;
border:1px solid #cdb862;
padding:8px;
font-size:13px;
font-weight:bold;
font-family:Verdana,Geneva,sans-serif;
cursor:pointer;
margin-top:5px;
text-transform:uppercase;
}
.lead-form-box .btn-submit:hover {
background-color:#f0e298;
}
.lead-form-box .trust-badges {
grid-column:1/-1;
display:flex;
gap:12px;
justify-content:center;
margin-top:8px;
font-size:10px;
color:#888;
}
.lead-form-box .trust-badges span::before {
content:"\2713 ";
color:#5a8a00;
font-weight:bold;
}

/* === INFO BOX === */
.info-box {
background:#f5f3e0;
border-left:4px solid #e3cc6d;
padding:8px 12px;
margin:12px 0;
font-size:11px;
}
.info-box.warning {
border-left-color:#cdb862;
background:#faf7d3;
}
.info-box.success {
border-left-color:#5a8a00;
background:#f0f5e0;
}

/* === FOOTER === */
#footer {
background-image:url(../images/hr_bg.jpg);
background-repeat:repeat-x;
clear:both;
color:#333333;
font-family:Verdana,Geneva,sans-serif;
font-size:10px;
margin:30px;
padding:10px;
text-align:center;
}
#footer a {
color:#333333;
}
#footer a:hover {
text-decoration:underline;
}

/* === HR === */
hr {
background-image:url(../images/hr_bg.jpg);
border:medium none;
clear:both;
height:2px;
margin:20px;
}

/* === RESPONSIVE === */
@media (max-width:1020px) {
  #header, #page { width:100%; }
  #content { width:calc(100% - 200px); }
}
@media (max-width:700px) {
  #sidebar { float:none; width:100%; min-height:auto; }
  #content { float:none; width:100%; }
  #header h1 { font-size:28px; height:auto; line-height:1.3; padding:15px; }
  #header { height:auto; width:100%; background-size:cover; }
  .lead-form-box .form-grid { grid-template-columns:1fr; }
  .empfehlung { width:100%; }
  .empfehlung div { width:auto; }
}

/* === COOKIE BANNER === */
#cookie-banner {
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  background:#3d3700;
  color:#fff;
  z-index:9999;
  box-shadow:0 -2px 10px rgba(0,0,0,0.3);
}
#cookie-banner .cookie-inner {
  max-width:1000px;
  margin:0 auto;
  padding:15px 20px;
  display:flex;
  align-items:center;
  gap:20px;
}
#cookie-banner p {
  flex:1;
  font-size:12px;
  line-height:1.5;
  margin:0;
}
#cookie-banner a { color:#e3cc6d; }
#cookie-banner .cookie-buttons { display:flex; gap:8px; }
#cookie-banner .cookie-accept {
  background:#e3cc6d;
  color:#3d3700;
  border:none;
  padding:8px 16px;
  font-size:12px;
  font-weight:bold;
  cursor:pointer;
  font-family:inherit;
}
#cookie-banner .cookie-accept:hover { background:#f0e298; }
#cookie-banner .cookie-decline {
  background:transparent;
  color:#e3cc6d;
  border:1px solid #e3cc6d;
  padding:8px 16px;
  font-size:12px;
  cursor:pointer;
  font-family:inherit;
}
#cookie-banner .cookie-decline:hover { background:rgba(227,204,109,0.1); }
@media (max-width:700px) {
  #cookie-banner .cookie-inner { flex-direction:column; text-align:center; }
  #cookie-banner .cookie-buttons { justify-content:center; }
}