* {font-family: 'Open Sans', sans-serif; font-size:13px; }
.clear {clear:both;}
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('fonts/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/open-sans-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('fonts/open-sans-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('fonts/open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('fonts/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/open-sans-v15-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
       url('fonts/open-sans-v15-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}


h1 {display:inline-block; font-size:21px;color: #2796d2;border-bottom: 1px solid #2796D2}
h3 {display:inline-block; font-size:15px;color: #0b4869; margin-bottom: 0}
h2 {font-size:18px; color:#414141;}

.wrapper {max-width: 985px; margin:auto; display:block; width: 100%; position: relative}


#logo {position: absolute; top: 0; left: 0; width: 100%; height: 90px;background: rgba(39,150,210,0.8); max-width: 985px }
#logo img {width: 100%; height: auto; max-width: 300px; padding: 22px}

#searchform {float:right; margin-top:60px;}
#searchform button {border:none; padding:5px 12px 5px 12px; background:#EEEEEE;}

/* Startseite NAV */
nav#main-nav ul {display:flex; padding-left:0px; margin-top: 10px}
nav#main-nav ul li {position:relative; width:32.6%;height: auto;  list-style:none; text-decoration:none;}
nav#main-nav ul li:first-of-type {margin-right:10px;}
nav#main-nav ul li:last-of-type {margin-left:10px;}
nav#main-nav ul li::before {content: none}
nav#main-nav ul li.current-menu-item a .menu-image-title {color: #eeac1e;}
nav#main-nav ul li a {color:#E8E8E8; text-decoration:none;}
nav#main-nav ul li a .nav-desc { position:absolute; top:255px; color:#575757; font-size:11px;  left:15px;  font-family: 'Open Sans', sans-serif; }
nav#main-nav ul li a .nav-desc span.counter { color:#313131;font-size:50px; position:absolute; left:145px; top:-45px; font-family: 'Open Sans', sans-serif;}
nav#main-nav ul li a img {width:100%; height:auto;padding-right:0px !Important;}

nav#main-nav ul li a .menu-image-title {color: #fff;text-decoration: none;font-size: 15px;font-family: 'Open Sans', sans-serif; display: block;
width: 100%; height: 40px; padding-top: 15px; position: relative; background: #2796d2; color: #fff; font-size: 15px; text-align: center;}

nav#main-nav ul li:hover .menu-image-title {background:#eeac1e; cursor: pointer}

.eyecatcher-startseite {background: url("img/steuererklaerung-czerner-ludwigsburg.png")no-repeat; position: relative; width: 100%; height: 400px}
.eyecatcher-unterseite {background: url("img/steuerberatung-ludwigsburg.png")no-repeat; position: relative; width: 100%; height: 256px}
.eyecatcher-startseite p {position: absolute; bottom: 0; right: 25px; color: #2796d2; font-size: 20px; font-weight: 600; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);}

/* restliche NAV */
nav#custom-nav {position:relative; display:inline-block; margin-right: 40px;width: 200px; height: 200px;  padding-top: 15px;  position: relative;  background: #2796d2;  color: white; font-size: 11px; letter-spacing: 0.2em; text-align: center; }

nav#custom-nav ul { display:block; padding-top: 10px; padding-left: 0}
nav#custom-nav ul li {background:none;  width:auto; height:auto;  float:none; position:relative; list-style:none; padding-top:15px; border-bottom: 1px solid #248ac1}
nav#custom-nav ul li::before {content: none}
nav#custom-nav ul li:first-of-type { padding-top:0px;}
nav#custom-nav ul li.current-menu-item a small span {color: #eeac1e; font-size:30px;}
nav#custom-nav ul li a {position:relative; text-decoration:none; color:#fff; font-size:15px; }
nav#custom-nav ul li a:hover, nav#custom-nav ul li.current-menu-item a .menu-image-title {background:#EEAC1E;display: block}

nav#custom-nav ul li a .menu-image-title {position:relative; top:0px ; left:0px; font-size: 15px; }

nav#custom-nav #adressbar {position:absolute; bottom:20px; }
nav#custom-nav #adressbar h3 {color:#E8E8E8; font-size:15px; font-weight:300; padding-left:17px;}
nav#custom-nav #adressbar p {color:#fff; font-size:12px; line-height:18px; padding-left:17px;}
nav#custom-nav #adressbar p a {color:#fff; text-decoration:none;}
nav#custom-nav #adressbar p a:hover {color:#0b4869}

/* Suche */
h2 a {color:#414141;}
span.date,span.author {display:none;}
.searchpage section > article article{ border-bottom:1px solid #EEEEEE;}
/* ENDE */ *

#startpage {margin-top:65px;}
.page ul {padding-left:0}
.page ul li {position: relative; list-style: none}
.page ul li::before {position: absolute; top: -2px; left: -11px; content: url("img/list.png")}

h2.subheading + article p:first-of-type {font-weight:600; font-style:italic;}

#custompages {display:inline-block; width: 70%; vertical-align:top; font-size:12px; color:#414141;padding-top: 20px}

iframe {margin-top:30px;}
.gallery {width:440px; margin-left:0px !important;}
.gallery dl {width:100px !important; margin-right:10px;}
.gallery dt {width:100px;}
.gallery img {width:100px; height:100px;}

.subheading {color:#A3A3A3; font-size:12px; margin-left:25px; margin-top:-15px; font-weight:300;}

aside {display:inline-block; width: 260px; vertical-align: top; border-top:solid 2px #1A1A1A; padding-top: 50px; padding-left:20px;}
aside ul {padding:0px;}
aside ul li {font-size:12px; color:#414141; font-family: 'Open Sans', sans-serif; list-style:square; border-bottom:1px solid #EDEDED; padding-bottom:5px; }
aside ul li a {text-decoration:none; color:#414141; }
aside ul li a .menu-image-title {}
aside button {border:none; padding:12px; background:#EEEEEE;}

.col-1 {float:left;width:32%;padding-right: 14px}
.col-2 {float:left; width:62%;}
footer {display:inline-block;position: relative; width: 94%;  background: #2796d2; padding: 50px 3% 50px 3%; margin-top: 50px; border-top: 1px solid #2489c0}
footer p {color: #fff; max-width: 985px; width: 100%; margin: 0 auto}
.footer-daten {position: fixed; bottom: 0; right: calc(50% - 492px); z-index: 100; background: #136896; height: 31px; width: 100%; max-width: 985px}
.footer-daten a {font-size: 13px;color: #fff;text-decoration: none; line-height: 31px; max-width: 985px;}
.footer-daten a:first-of-type {padding: 0 8px 0 18px}
.footer-daten a:last-of-type {padding: 0px 16px 0 3px}
.footer-daten a:hover {color: #1b7cb0}
footer a img {padding-left:5px;}

.footer-navi {position: relative; width: 100%; padding: 27px 0 10px 0; max-width: 985px; margin: 0 auto}
.footer-navi ul li {display: inline-block; padding-right: 7px }
.footer-navi ul li::before {content: none}
.footer-navi ul li a {text-decoration: none; color: #0b4869; font-size: 10px; }
.footer-navi ul li a:hover {color: #1b7cb0}

@media only screen and (max-width: 812px) {
    #custompages {width: 60%}
}

@media only screen and (max-width: 608px) {
    #custompages {width: 90%; padding-left: 20px}
    nav#custom-nav {width: 100%; height: auto; margin-right: 0}
    nav#custom-nav #adressbar {display: none}
    nav#custom-nav::after {border-bottom: 0; border-right: 0; border-left: 0}
   

}

@media only screen and (max-width: 985px) {
    .footer-daten {right: 0!important}
    #main-nav, nav#main-nav ul {width: 100%}
    
}

@media only screen and (max-width: 490px) {
    nav#main-nav ul {display: block; margin-top: 0}
    nav#main-nav ul li {width: 100%; height: 30px}
    nav#main-nav ul li:first-of-type {margin-right: 0px}
    nav#main-nav ul li:last-of-type {margin-left: 0px}
    nav#main-nav ul li a {line-height: 0}
    nav#main-nav ul li a img {display: none}
    nav#main-nav ul li a .menu-image-title {background:rgba(39,150,210,1); height: 14px }
    .eyecatcher-startseite {background: url("img/steuererklaerung-czerner-ludwigsburg-resp.png")no-repeat;height: 199px}
    .eyecatcher-unterseite {background: url("img/steuererklaerung-czerner-ludwigsburg-resp.png")no-repeat;height: 199px}
    #logo img {width: 250px}
    .col-1, .col-2 {width: 85%; padding: 0 0 0 25px}
    h1 {margin-left: 0}

  

}