@charset "utf-8";
/* CSS Document */

body { font-family: 'Urbanist', sans-serif; font-size: 18px; line-height: 1.5; font-weight:400; letter-spacing:0.8; text-align:left; color: #333333; background-image: url(../pictures/steuerberaterin_02.jpg); background-color:#FFF; background-position:center; background-position: top; background-repeat: repeat-x; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px;  }
@media only screen and (max-width:1820px) {body { background-image:none; }}
@media only screen and (max-width:1200px) {body { font-family: 'Urbanist',  sans-serif; font-size: 44px; line-height: 1.5; text-align:left; color: #333333; background-image: none; background-color:#FFF; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px; }}
@media only screen and (max-width:1080px) {body { font-family: 'Urbanist',  sans-serif; font-size: 46px; line-height: 1.5; text-align:left; color: #333333; background-image: none; background-color:#FFF; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px;  }}

@media (prefers-color-scheme: dark) {body { color:#FFF; background-color:#333; }}
@media (prefers-color-scheme: dark) {.keks {-webkit-filter: brightness(9.0); filter: brightness(9.0)}}

@media (prefers-color-scheme: dark) {.linietrennung {-webkit-filter: brightness(-1.0); filter: brightness(-1.0)}}

a:link {text-decoration: none; color: #09819a;} a:visited {	text-decoration: none; color: #999;} a:hover {text-decoration: none; color: #999;} a:active {text-decoration: none; color: #999;}
a:focus {text-decoration: underline; color: #FFF; background-color:#075b6d;} 

@media (prefers-color-scheme: dark) {
a:link {text-decoration: underline; color: #FFF;} a:visited {	text-decoration: underline; color: #999;} a:hover {text-decoration: underline; color: #999;} a:active {text-decoration: none; color: #999;}
a:focus {text-decoration: underline; color: #FFF; background-color:#075b6d;} }


/* urbanist-200 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/urbanist-v10-latin-200.eot'); /* IE9 Compat Modes */
  src: url('../fonts/urbanist-v10-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/urbanist-v10-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/urbanist-v10-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/urbanist-v10-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/urbanist-v10-latin-200.svg#Urbanist') format('svg'); /* Legacy iOS */
}

/* urbanist-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/urbanist-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/urbanist-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/urbanist-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/urbanist-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/urbanist-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/urbanist-v10-latin-regular.svg#Urbanist') format('svg'); /* Legacy iOS */
}

/* urbanist-600 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/urbanist-v10-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../fonts/urbanist-v10-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/urbanist-v10-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/urbanist-v10-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/urbanist-v10-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/urbanist-v10-latin-600.svg#Urbanist') format('svg'); /* Legacy iOS */
}

.h1 {color: #09819a; font-size: 1.7em; line-height: 1.5; text-align: left; font-weight:400;}
.h2 {color: #09819a; font-size: 1.4em; text-align: left; font-weight:400;}
.h3 {color: #333333; font-size: 1.5em; text-align: left; font-weight:400;}
.h4 {color: #09819a; font-size: 1.1em; text-align: left; font-weight:400;}
.p {color: #333333; font-size: 1em; line-height: 1.5; text-align: left; font-weight:400;}
.p1 {color: #09819a; font-size: 1em; line-height: 1.5;text-align: left; font-weight:400;}
.p2 {color: #888888; font-size: 1em; text-align: left; font-weight:400;}
.p3 {color: #333333; font-size: 1em; line-height: 1.5;text-align: left;}
.p4 {color: #09819a; font-size: 1em; line-height: 1.5;text-align: left;}
.p5 {color: #FFFFFF; font-size: 0.8em; line-height: 1.5; text-align: left;}
.p6 {color: #333333; font-size: 1em; line-height: 1.2; text-align: left;}
.p7 {color: #09819a; font-size: 1em; line-height: 1.2; text-align: left;}
.p8 {color: #666666; font-size: 1em; line-height: 1.5; text-align: left;}
.p9 {color: #09819a; font-size: 1em; line-height: 1.5; text-align: left;}


@media only screen and (max-width:1200px) {
.h1 {color: #09819a; font-size: 1.5em; line-height: 1.5; text-align: left; font-weight:400;}
.h2 {color: #09819a; font-size: 1.4em; text-align: left; font-weight:400;}
.h3 {color: #333333; font-size: 1.5em; text-align: left; font-weight:400;}
.h4 {color: #09819a; font-size: 1.1em; text-align: left; font-weight:400;}
.p {color: #333333; font-size: 1em; line-height: 1.5; text-align: left; font-weight:400;}
.p1 {color: #09819a; font-size: 1em; line-height: 1.5;text-align: left; font-weight:400;}
.p2 {color: #888888; font-size: 1em; text-align: left; font-weight:400;}
.p3 {color: #333333; font-size: 1em; line-height: 1.5;text-align: left;}
.p4 {color: #09819a; font-size: 1em; line-height: 1.5;text-align: left;}
.p5 {color: #FFFFFF; font-size: 0.8em; line-height: 1.5; text-align: left;}
.p6 {color: #333333; font-size: 1em; line-height: 1.2; text-align: left;}
.p7 {color: #09819a; font-size: 1em; line-height: 1.2; text-align: left;}
.p8 {color: #666666; font-size: 1em; line-height: 1.5; text-align: left;}
.p9 {color: #09819a; font-size: 1em; line-height: 1.5; text-align: left;}}

@media (prefers-color-scheme: dark) {
	.h1 {color: #09819a; }
.h2 {color: #09819a; }
.h3 {color: #FFF; }
.h4 {color: #09819a; }
.p {color: #FFF; }
.p1 {color: #09819a; }
.p2 {color: #FFF; }
.p3 {color: #FFF; }
.p4 {color: #09819a; }
.p5 {color: #FFF; }
.p6 {color: #FFF; }
.p7 {color: #09819a; }
.p8 {color: #FFF; }
.p9 {color: #09819a; }}


.wrapper {min-width:840px; max-width:1800px; margin-top:0px; margin-left:auto; margin-right:auto;  height:auto;  }

.direktlink {width:200px; height:auto; top:0px; position:absolute; z-index:900; left:-300px; font-size: 1em; line-height:1.0; background-color:transparent;}
a.direktlink:link {width:200px; height:auto; top:0px; position:absolute; z-index:900; left:-300px;}
a.direktlink:focus {width:400px; height:auto; top:0px; position:absolute; z-index:900; left:400px; color:#FFF; text-align:left; float:left; text-decoration: none; background-color:#075b6d; border:none; padding:10px;}

@media (prefers-color-scheme: dark) {
.direktlink {width:200px; height:auto; top:0px; position:absolute; z-index:900; left:-300px; font-size: 1em; line-height:1.0; background-color:transparent;}
a.direktlink:link {width:200px; height:auto; top:0px; position:absolute; z-index:900; left:-300px;}
a.direktlink:focus {width:400px; height:auto; top:0px; position:absolute; z-index:900; left:400px; color:#FFF; text-align:left; float:left; text-decoration: none; background-color:#075b6d; border:none; padding:10px;} }

#steuerberaterin {min-width:800px; max-width:100%; height:136px; text-align:left; margin-top:0px;  margin-left:0px; margin-right:0px;  background-image:url(../pictures/steuerberaterin_hg.jpg); background-repeat:repeat; line-height:0px;}
@media only screen and (max-width:1200px) {#steuerberaterin {min-width:800px; width:100%; height:300px; text-align:left; margin-top:0px;  margin-left:0px; margin-right:0px;  background-image: none; background-repeat:repeat; box-shadow: 0px 0px 10px #999; position:absolute; z-index:300; top:0px;} }

#logo {width:300px; height:115px; padding-top:15px; margin-top:0px; margin-right:100px; float:right; padding-bottom:0px; padding-left:10px; }
@media only screen and (max-width:1200px) {#logo {width:602px; height:186px; padding-top:30px; margin-top:20px; margin-right:auto; margin-left:auto; float:none;}}

#logodark {visibility:hidden; width:300px; height:115px; padding-top:15px; margin-top:0px; margin-right:100px; float:right; padding-bottom:0px; padding-left:10px;}
@media only screen and (max-width:1200px) {#logodark {visibility:hidden; width:602px; height:186px; padding-top:30px; margin-top:20px; margin-right:auto; margin-left:auto; float:none;}}


@media (prefers-color-scheme: light) {
	#logo { visibility: visible;}
	#logodark { visibility: hidden;}}
	
@media (prefers-color-scheme: dark) {
	#logo { visibility: hidden;}
	#logodark { visibility:visible; position:absolute; top:0px; right:10px;}}

#header {min-width:800px; max-width:100%; height:auto; text-align:left; margin-top:0px;  margin-left:0px; margin-right:0px; line-height:0px; padding:0px; margin-bottom:80px;}
@media only screen and (max-width:1200px) {#header {width:0px; height:0px; visibility:hidden; display:none; }}
#headermobil {width:0px; height:0px; visibility:hidden; display:none;}
@media only screen and (max-width:1200px) {#headermobil { visibility:visible; display:block; width:100%; height:auto; text-align:left; margin-top:300px;  margin-left:0px; margin-right:0px; background-image:url(../pictures/steuerberatung_niederstotzingen.jpg); background-repeat:repeat;}}

#marianne_nikola {min-width:800px; max-width:100%; min-height:800px; text-align:left; margin-top:0px; }
#content {width:65%; min-height:600px; text-align:left; margin-top:0px;  float:left; padding-left:10px;}
@media only screen and (max-width:1200px) {#content {width:90%; min-height:auto; text-align:left; margin-top:90px;  float:left; padding-left:5%; padding-right:5%;}}
#content-2 {width:590px; min-height:600px; text-align:left; margin-top:0px;  float:left; padding-left:10px;}
#navcontainer {width:28%; min-height:600px; text-align:left; margin-top:0px;  float:left; }
@media only screen and (max-width:1480px) {#navcontainer {width:28%; min-height:600px; text-align:left; margin-top:0px;  float:left; background-image: none; background-repeat:no-repeat; }}
@media only screen and (max-width:1200px) {#navcontainer {width:0px; min-height:0px; margin:0px; background-image: none; visibility:hidden; display:none; }}
#footer {width:100%; min-height:auto; text-align:left; margin-top:0px;  margin-left:0px; margin-right:0px; background-image:url(../pictures/steuerberatung.jpg); background-repeat:repeat; float:left; padding-top:18px;}

@media (prefers-color-scheme: dark) {#footer { color:#FFF; background-color:#015d6d; }}

#copyright {width:65%; min-height:120px; text-align:left; margin-top:0px;  float:left; padding-left:10px; padding-top:30px;}
@media only screen and (max-width:1200px) {#copyright {width:100%; min-height:auto; text-align:left; margin-top:20px; float:left; padding-left:0%; padding-right:0%; float:left;} }
#impressum {width:28%; height:auto; text-align:left; padding-top:30px; padding-bottom:80px; float:left;}
@media only screen and (max-width:1200px) {#impressum {width:100%; height:auto; text-align:left; margin-top:0px; float: none; padding-left:0px; padding-right:0px; }}

 
#team {width:520px; height:200px; text-align:left; margin-top:0px;  float:left; padding-right:10px;}
@media only screen and (max-width:1200px) {#team {width:100%; height:auto; text-align:left; margin-top:30px;  float:left; padding-right:0px;} }
#bild {text-align:left; float:left; padding-right:20px; padding-top:0px; padding-bottom:30px;}
#leistungen {text-align:left; float:right; width:360px; padding-left:30px; padding-top:0px; padding-bottom:30px;}
@media only screen and (max-width:1200px) {#leistungen {text-align:left; float:left; width:80%; padding-left:20%; padding-right:opx; padding-top:0px; padding-bottom:60px;} }
#maps {text-align:left; float:left; padding-left:0px; padding-top:0px; padding-bottom:30px; width:50%;}
@media only screen and (max-width:1200px) {#maps {text-align:left; float:left; padding-left:0px; padding-top:0px; padding-bottom:30px; width:100%;} }
#kontakt {text-align:left; float:left; padding-left:0px; padding-top:0px; padding-bottom:30px; width:50%}
@media only screen and (max-width:1200px) {#kontakt {text-align:left; float:left; padding-left:0px; padding-top:0px; padding-bottom:30px; width:100%} }

#icons {width:300px; height:37px; text-align:left; margin-top:0px;  margin-left:0px; margin-bottom:0px;  float:left; position:absolute; z-index:200;}
@media only screen and (max-width:1200px) {#icons {width:0px; height:0px; margin:0px; padding:0px; background-image: none; visibility:hidden; display:none; }}
#hinweis { position: absolute; z-index: 800; top:3px; width:37px; height: 37px; left:230px;  }
@media only screen and (max-width:1200px) {#hinweis { position: absolute; z-index: 800; top:0px; width:60px; height: 60px; float: left; left:0px;  }}
#hinweis1 { width:80%; height:auto; padding-left:10%; padding-right:10%; padding-top:30px; padding-bottom:20px; float:left; box-shadow: 0px 5px 10px silver; margin-top:40px; margin-bottom:40px;}

.schatten { box-shadow: 0px 0px 10px #999; width:70%; margin-right:30%; }
@media only screen and (max-width:1366px) {.schatten { width:100%; box-shadow: 0px 0px 10px #999; margin-right:0px; }}
@media (prefers-color-scheme: dark) {.schatten { box-shadow: 0px 0px 10px #000;}}

#navigation { position: absolute; top:85px; height: 53px; z-index: 200; width:800px;}
@media only screen and (max-width:1200px) {#navigation {width:0px; height:0px; margin:0px; padding:0px; background-image: none; visibility:hidden; display:none; }}
#navigation .navi { float: left; display: block; overflow: hidden; min-width: 60px; height: 53px; font-family: 'Urbanist', sans-serif; line-height: 1.2; text-align: left; font-size: 18px; font-weight:400;   }
#navigation .navi:hover { height: auto; color: #ffffff;}
a.menutag { height: 35px; font-size:18px; font-weight:400; padding-left: 10px; padding-right:10px;	display: block; color: #09819a; padding-top: 16px; min-width:15px;  -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important; }
a:hover.menutag { color: #FFFFFF; background-image: url(../pictures/steuerberatung_niederstotzingen.jpg); background-repeat:repeat;}
a.menutag-1 { height: 35px; font-size:18px; font-weight:400; padding-left: 10px; padding-right:10px;	display: block; color: #FFFFFF; padding-top: 16px; min-width:15px; background-image: url(../pictures/steuerberatung_niederstotzingen.jpg); background-repeat:repeat; font-family: 'Urbanist', sans-serif;  -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;}

a.menutag:focus { color:#FFF; background-color:#075b6d; background-image:none;}
a.menutag-1:focus { color:#FFF; background-color:#075b6d; background-image:none;}

@media (prefers-color-scheme: dark) {
	#navigation .navi:hover { height: auto; color: #ffffff;}
a.menutag { height: 35px; font-size:18px; font-weight:400; padding-left: 10px; padding-right:10px;	display: block; color: #09819a; padding-top: 16px; min-width:15px;  -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important; }
a:hover.menutag { color: #FFFFFF; background-image: url(../pictures/steuerberatung_niederstotzingen.jpg); background-repeat:repeat;}
a.menutag-1 { height: 35px; font-size:18px; font-weight:400; padding-left: 10px; padding-right:10px;	display: block; color: #FFFFFF; padding-top: 16px; min-width:15px; background-image: url(../pictures/steuerberatung_niederstotzingen.jpg); background-repeat:repeat; font-family: 'Urbanist', sans-serif;  -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;}

a.menutag:focus { color:#FFF; background-color:#075b6d; background-image:none;}
a.menutag-1:focus { color:#FFF; background-color:#075b6d; background-image:none;}
}

#navigation2 {height: 300px; width:218px; padding-left:5px;}
@media only screen and (max-width:1200px) {#navigation2 {width:0px; height:0px; margin:0px; padding:0px; background-image: none; visibility:hidden; display:none; }}
.button2 { font-size: 28px; font-family: 'Urbanist', sans-serif; line-height: 1.2; font-weight:400; letter-spacing:0.8; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;}
a.button { display: block; width: 210px; height: 60px; padding-top: 10px; padding-left: 8px; text-decoration: none; font-size: 16px; font-weight:normal; color: #09819a; margin-bottom: 0px; font-family: 'Urbanist', sans-serif; line-height: 1.2; font-weight:400; letter-spacing:0.8; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;}
a:hover.button { color: #999999;}
.button6 { font-size: 28px; font-family: 'Urbanist', sans-serif; line-height: 1.2; font-weight:400;}
a.button5 { display: block; width: 210px; height: 60px; padding-top: 10px; padding-left: 8px; text-decoration: none; font-size: 16px; font-weight:normal; color: #555; margin-bottom: 0px; font-family: 'Urbanist', sans-serif; line-height: 1.2; font-weight:400;}
a:hover.button5 { color: #333;}

#navigation3 { min-height: auto; width:100%; padding-left:0px; padding-top:10px;}
@media only screen and (max-width:1200px) {#navigation3 { height: auto; width:100%; padding-left:0px; padding-right:0px; padding-top:10px; float:left;}}
a.button3 { display: block; width: 95%; min-height: 22px; padding-top: 12px; padding-left: 5%; text-decoration: none; font-size: 18px; font-weight:400; color: #FFFFFF; margin-bottom: 0px; font-family: 'Urbanist', sans-serif; line-height: 1.2; font-weight:400; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;}
.button3 { display: block; width: 95%; min-height: 22px; padding-top: 12px; padding-left: 5%; text-decoration: none; font-size: 20px; font-weight:400; color: #FFFFFF; margin-bottom: 0px; font-family: 'Urbanist', sans-serif; line-height: 1.2; font-weight:600; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;}
@media only screen and (max-width:1200px) {a.button3 { display: block; width:90%; padding-left:10%; padding-right:0px; height: auto; padding-top: 20px; padding-bottom:20px;  text-decoration: none; font-size: 54px; font-weight:normal; color: #FFFFFF; margin-bottom: 0px; font-family: 'Urbanist', sans-serif; line-height: 1.2;}
.button3 { display: block; width:90%; padding-left:10%; padding-right:0px; height: auto; padding-top: 20px; padding-bottom:20px;  text-decoration: none; font-size: 54px; font-weight:normal; color: #FFFFFF; margin-bottom: 0px; font-family: 'Urbanist', sans-serif; line-height: 1.2;}
}
a:hover.button3 { color: #CCCCCC;}
a.button4 { width: 210px; min-height: 10px; padding-top: 0px; padding-left: 5px; text-decoration: none; font-size: 16px; font-weight:normal; color: #FFFFFF; margin-bottom: 0px; font-family: 'Urbanist', sans-serif; line-height: 1.2; font-weight:400;}
@media only screen and (max-width:1200px) {a.button4 { width: auto; min-height: auto; padding-top: 0px; padding-left: 5px; text-decoration: none; font-size: 24px; font-weight:normal; color: #FFFFFF; margin-bottom: 0px; font-family: 'Urbanist', sans-serif; line-height: 1.2;}}
a:hover.button4 { color: #CCCCCC;}
#news {min-height: 500px; width:218px; padding-left:5px;}
.news1 { font-size: 28px; font-family:'Urbanist', sans-serif; line-height: 1.2; font-weight:400;}
.news2 { font-size: 16px; font-weight:normal; color: #999999; font-family:'Urbanist', sans-serif; line-height: 1.2; font-weight:400;}
a.p1 { color: #09819a; }
a:hover.p1 { color: #999999; }

a.p1:focus {color:#FFF; background-color:#075b6d;}
a.direktlink:focus {color:#FFF; background-color:#075b6d;}
a.button:focus {color:#FFF; background-color:#075b6d;}
a.button2:focus {color:#FFF; background-color:#075b6d;}
a.button3:focus {color:#FFF; background-color:#075b6d;}
.button3:focus {color:#FFF; background-color:#075b6d;}
a.button4:focus {color:#FFF; background-color:#075b6d;}
.button4:focus {color:#FFF; background-color:#075b6d;}
a.button5:focus {color:#FFF; background-color:#075b6d;}
.button5:focus {color:#FFF; background-color:#075b6d;}
a.button6:focus {color:#FFF; background-color:#075b6d;}
.button6:focus {color:#FFF; background-color:#075b6d;}
a.button5:focus {color:#FFF; background-color:#075b6d;}
.news1:focus {color:#FFF; background-color:#075b6d;}
.news2:focus {color:#FFF; background-color:#075b6d;}

@media (prefers-color-scheme: dark) {
a.p1:focus  {color:#FFF; background-color:#075b6d;}
a.direktlink:focus {color:#FFF; background-color:#075b6d;}
a.button:focus {color:#FFF; background-color:#075b6d;}
a.button2:focus {color:#FFF; background-color:#075b6d;}
a.button3:focus {color:#FFF; background-color:#075b6d;}
.button3:focus {color:#FFF; background-color:#075b6d;}
a.button4:focus {color:#FFF; background-color:#075b6d;}
.button4:focus {color:#FFF; background-color:#075b6d;}
a.button5:focus {color:#FFF; background-color:#075b6d;}
.button5:focus {color:#FFF; background-color:#075b6d;}
a.button6:focus {color:#FFF; background-color:#075b6d;}
.button6:focus {color:#FFF; background-color:#075b6d;}
a.button5:focus {color:#FFF; background-color:#075b6d;}
.news1:focus {color:#FFF; background-color:#075b6d;}
.news2:focus {color:#FFF; background-color:#075b6d;}
 }

#navigation-top-bg {width:0px; height:0px; margin:0px; padding:0px; background-image: none; visibility:hidden; display:none; }
#navigation-top {width:0px; height:0px; margin:0px; padding:0px; background-image: none; visibility:hidden; display:none; }
.navigation-top {margin-left:auto; margin-right:auto;}
#navigation-top-menu { margin-top:0px; height: 0px; width:0px; padding-top:0px; padding-bottom:0px; text-align:left; margin-right:auto; margin-left:auto; visibility:hidden;  }  
#navigationspunkt { float: left; display: block; overflow: hidden; min-width: 0px; text-align: center; margin-left:0px; }
#navigationspunkt:hover { height: 0px; }
a.navigationspunkt-text { width:0px; height:0px; margin:0px; padding:0px; background-image: none; visibility:hidden; font-weight:400; }
a:hover.navigationspunkt-text { color: #57a7bd;} 

@media only screen and (max-width:1200px) {
#navigation-top-bg {min-width:860px; max-width:1200px; width:100%; margin-top:0px; margin-right:0px; box-shadow: 0px 3px 6px #36354b; height:120px; visibility:visible; display:block; }
#navigation-top {margin-top:0px; width:100%; height:120px; padding-top:0px; background-image: url(../pictures/steuerbuero.jpg); background-repeat:repeat; visibility:visible; margin-right:auto; margin-left:auto; display:block;}
.navigation-top {margin-left:auto; margin-right:auto;}
#navigation-top-menu { margin-top:0px; height: auto; max-height:0px; width:860px; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent; float:left; margin-right:auto; margin-left:auto; visibility:visible;} 
#navigationspunkt { float: left; display: block; overflow: hidden; min-width: 860px; width:100%; text-align: center; margin-left:0px; }
#navigationspunkt:hover { height: auto; }
a.navigationspunkt-text { height: auto; width:auto; padding-left: 12px; padding-right: 12px; padding-top:0px; padding-bottom:20px; display: block; color: #FFF; margin-top: 20px;  font-size: 54px; font-family: 'Urbanist', sans-serif; font-weight:400; visibility:visible;}
a:hover.navigationspunkt-text { color: #CCC;} 
a.navigationspunkt-text:focus { text-decoration: underline; color: #FFF; background-color:#075b6d; }
}
 
@media only screen and (max-width:860px) {
#navigation-top-bg {min-width:860px; max-width:860px; width:100%; margin-top:0px; margin-right:0px; box-shadow: 0px 3px 6px #36354b; height:120px; visibility:visible;display:block; }
#navigation-top {margin-top:0px; width:860px; height:120px; padding-top:0px; background-image: url(../pictures/steuerbuero.jpg); background-repeat:repeat; visibility:visible; margin-right:auto; margin-left:auto; display:block;}
.navigation-top {margin-left:auto; margin-right:auto;}
#navigation-top-menu { margin-top:0px; height:0px; max-height:0px; width:860px; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent; float:left; margin-right:auto; margin-left:auto; visibility:visible;} 
#navigationspunkt { float: left; display: block; overflow: hidden; min-width: 860px; width:100%; text-align: center; margin-left:0px; }
#navigationspunkt:hover { height: auto; }
a.navigationspunkt-text { height: auto; width:auto;  padding-left: 12px; padding-right: 12px; padding-top:0px; padding-bottom:20px; display: block; color: #FFF; margin-top: 20px;  font-size: 56px; font-family: 'Urbanist', sans-serif; font-weight:400; visibility:visible;}
a:hover.navigationspunkt-text { color: #CCC;}
a.navigationspunkt-text:focus { text-decoration: underline; color: #FFF; background-color:#075b6d; } 
}

label.menu1 {display: none; }
input#menu1 {display:none}

@media only screen and (max-width:1200px) {
	label.menu1 {display: block; width: 120px; height: 120px; margin-left: auto; margin-right:auto; border-radius: 1px; margin-top:0px; margin-bottom:0px; background-image: url(../pictures/steuerbuero.jpg); background-repeat:repeat; }
	input#menu1 {display:block; position:absolute; left:-500px;}
	.line-1 {margin-left:34px;  height: 5px; width: 48px;   background: #FFF; border-radius: 2px; color: #fee3c6;  display: block;   transition: 0.5s;   transform-origin: center; position: absolute;  }
	.line-1:nth-child(1) { margin-top: 36px; }
	.line-1:nth-child(2) { margin-top: 54px; }
	.line-1:nth-child(3) { margin-top: 72px; }
	#menu1:checked + .menu1 .line-1:nth-child(1){   transform: translateY(18px) rotate(-45deg);}
	#menu1:checked + .menu1 .line-1:nth-child(2){   opacity:0;}
	#menu1:checked + .menu1 .line-1:nth-child(3){   transform: translateY(-18px) rotate(45deg);}
	#menu1:checked + .menu1  + #navigation-top-menu { height:auto; max-height: 1500px; width:100%; background-color: #09819a; box-shadow: 0px 0px 10px #666;  margin-bottom:0px; padding-top:60px; padding-bottom:80px; }
	
	
	[type="checkbox"] + label::before { display:block; content:"Menü öffnen"; position:absolute; left:-500px;}
[type="checkbox"]:focus + label::before { width:300px; height:auto; left:0px; display:block; content:"Menü öffnen"; position: absolute; z-index:950;}
[type="checkbox"]:checked + label::before { background-color: transparent; display:block; content:""; position:relative; border:hidden;}	

input#menu1:focus {display: block; left:-500px; width: 120px; height: 110px;  background-color:#000; }


}

@media (prefers-color-scheme: dark) {#navigation-top-bg { color:#FFF; background-color:#016f82; background-image: url(../pictures/steuerbuero.jpg); background-repeat:repeat; }
#navigation-top { color:#FFF; background-color:#016f82; background-image: url(../pictures/steuerbuero.jpg); background-repeat:repeat; }
a.navigationspunkt-text { color:#FFF; }
a.button3 { color:#FFF; }
.button3 { color:#FFF; }
.p5 { color:#FFF; }
.line-1 { background: #FFF;  }
label.menu1 {background-image: url(../pictures/steuerbuero.jpg); background-repeat:repeat; }
a.navigationspunkt-text:focus { text-decoration: underline; color: #FFF; background-color:#075b6d; } 
a.navigationspunkt-text { text-decoration: none; color: #FFF; background-color: transparent; } 
}

#news-rv {width:80%;  height:auto; box-shadow: 0px 3px 6px #999;  padding-left:10%; padding-right:10%; padding-bottom:60px; padding-top:60px; float:left; background-color:transparent;}
#news-rv-button {min-width:70%; background-color:#09819a; height:auto; box-shadow: 0px 3px 6px #36354b; padding-left:10%; padding-right:10%; padding-bottom:20px; padding-top:20px; margin-top:40px; margin-left:auto; margin-right:auto; border-radius:10px;}
.news-rv-button {color: #FFF; font-family: 'Urbanist', sans-serif; font-size: 22px; text-align: center; font-weight:300;}
a.news-rv-button { color:#CCC;}
a:hover.news-rv-button { color: #CCC;}
#news-rv-button-news {margin-top:10px; height: auto; max-height:0px; width:0px; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: #FFF; float:left; margin-right:auto; margin-left:auto; visibility:hidden;}

.news-rv-button2 {color: #FFF; font-family: 'Urbanist', sans-serif; font-size: 22px; text-align: center; font-weight:300;}
a.news-rv-button2 { color:#CCC;}
a:hover.news-rv-button2 { color: #CCC;}
#news-rv-button2 {min-width:70%; background-color:#09819a; height:auto; box-shadow: 0px 3px 6px #36354b; padding-left:10%; padding-right:10%; padding-bottom:20px; padding-top:20px; margin-top:40px; margin-left:auto; margin-right:auto; border-radius:10px;}
a.news-rv-button2:focus { color:#FFF; background-color:#333;}
#news-rv-button2:focus { color:#FFF; background-color:#333;}
.news-rv-button2:focus { color:#FFF; background-color:#333;}


@media only screen and (max-width:1200px) {.news-rv-button {color: #FFF; font-family: 'Urbanist', sans-serif; font-size: 42px; text-align: center; font-weight:300;}
.news-rv-button2 {color: #FFF; font-family: 'Urbanist', sans-serif; font-size: 42px; text-align: center; font-weight:300;}}


	label.menu2 {display: block; min-width:70%; background-color:#09819a; height:auto; box-shadow: 0px 3px 6px #36354b; padding-left:10%; padding-right:10%; padding-bottom:20px; padding-top:20px; margin-top:40px; margin-left:auto; margin-right:auto; border-radius:10px; }
	input#menu2 {display:none;}
	#menu2:checked + label.menu2 { background-color:#CCC; box-shadow: 0px 3px 6px #999999;}
	#menu2:checked + .menu2  + #news-rv-button-news { height:auto; max-height: 1500px; width:100%; background-color: #FFF;  margin-bottom:0px; padding-top:60px; padding-bottom:80px; visibility:visible;}