/*
Theme Name: pvschiller23
Theme URI: none
Description: template fuer personalverrechnung-schiller.at
Author: Dominik Stegmayer
Author URI: http://www.stegmayer.eu
as of: 21.11.2023
*/

/* Farbwerte
schwarz 000000
grün 33a936
*/

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

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


body {
margin:0;padding:0;border:0;
font-family: 'Open Sans', 'Lato', Verdana, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
  color: black;
  }
 
 img{
    max-width:100%;
    height:auto;
    }
 
 #inhalt p img.portraitgreen {
	 display:none;
	 visibility: hidden;
 }
 

/* ----------logo-------------- */

#logo{
margin-top: 5px;
margin-bottom: 5px;
width: auto;
background: ;
font-family: 'Open Sans', 'Lato', Verdana, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
left: 00px;
text-align: center;
font-size: 1.4em;
font-weight: 400;
z-index: 10;
text-transform: uppercase;
color: #083a93;
color: #303030;
}

#logo a:link, #logo a:visited {
text-decoration:none;
color: #083a93;
color: #303030;
background-color: ;
text-align: center;
display: block;
width: auto;
}

#logo a p {
text-align: right;
background-color: ;
} 

#logo table#logotable {
text-align: right;
width: 70%;
min-width: 100px;
max-width:600px;
padding-top: 10px;
padding-bottom: 10px;
}

#logo img {
width: 100%;
}

#description {
display:none;}



 .imgzentriert {
text-align: center;
}

#bannermobile img{
width: 100%;}

#description {
display:none;}



/* ------------------- Menu ------------------------ */
#menu {
position: relative;
width:auto;
height: auto;
background: #fff;
color: black;
text-align: left;
margin: 0px;
border-bottom: 3px solid #f3f3f3;
border-top: 3px solid #f3f3f3;
font-family: 'Open Sans', 'Lato', Verdana, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
font-size: 1.1em;
}

#menu ul#level1 {
width:auto;
padding: 0px;
margin: 0px;
margin-top:3px;
margin-bottom:5px;
overflow:hidden;
border-top:0px solid #ccc;
}

#menu ul#level1 li {
  line-height:1.5em;
  border-bottom:0px solid #ccc;
  float:left;
  display:inline;
width: 50%;
background-color: #fff;
margin: 0px;
text-align:center;
}

#menu a
{
display: block;
margin-top:0px;
padding: 10px 5px 10px 2px;
border-bottom: 0px solid #393939;
background: ;
text-decoration: none;
font-weight:normal;
opacity: 1;
}

#menu a:link, #level1 a:visited
{
color: black;
text-decoration: none;
}

#menu a:hover
{
border: 0;
background: ;
color: #33a936;
}

#level1active a:link, #level1active a:visited {
border: 0;
background:;
color: #33a936;
font-weight: 600;
border-bottom: 2px solid black;
}

#menu ul#level1 li#level1active a:hover{
background: ;
color: #33a936;
}

#level1active a:link, #level1active a:visited {
border: 0;
background: ;
color: #33a936;
}

#menu ul#level1 li#level1active a:hover{
background: ;
color: #33a936;
}

/* ---level 2--- */

#submenu2 {
position: relative;
background: white;
height: auto;
padding: 5px;
padding-top: 13px;
padding-left: 15px;
padding-right: 20px;
z-index: 9;
text-align: left;
opacity: 1;
list-style-type: none;
}

#submenu2.information {
}


#submenu2 li a{
color: black;
text-decoration: none;
padding: 3px;
padding-top: 5px;
padding-bottom: 5px;
display: block;
text-decoration: none;
font-family: 'Open Sans', 'Lato', Verdana, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
font-size: 1.0em;
font-weight: 400;
background-color: #f3f3f3;

}

#submenu2 li:nth-of-type(1){
border-top: 3px solid black;
}

#submenu2 li:nth-last-of-type(1){
border-bottom: 3px solid black;
}

#submenu2 li a:hover{
background-color: #add300;
}

#submenu2 li a.active{
background-color: #add300;
}

/* ------------------ Bannerimage ------------------ */


#background, #background_container {
	display: display;
}


#background_container{
position: relative;
width: auto;
height: auto;
z-index: 10;
background: ;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
overflow: hidden;
border-bottom: 0px solid #f3f3f3;
}

#background{
position: relative;
width: 100%;
overflow: hidden;
margin-left: 0%;
margin-right: 0%;
}

#background_container #background img {
position: relative;
overflow: hidden;
object-fit: cover;
object-position: center; 
}

body.index #background_container{
position: relative;
width: auto;
height: auto;
z-index: 10;
background: ;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
overflow: hidden;
border-bottom: 3px solid #f3f3f3;

display:display;

}

body.index #background{
position: relative;
width: 100%;
overflow: hidden;
margin-left: 0%;
margin-right: 0%;
}

@media (orientation: landscape) {
	
#background{
position: relative;
width: 100vW;
max-height: 90vH;
overflow: hidden;
margin-left: 0%;
margin-right: 0%;
}

#background_container #background img {
	width: 100vW !important;
position: relative;
overflow: hidden;
object-fit: contain;
object-position: center bottom; 
}


}

/* ------------------ Inhalt -------------------- */

p {
margin:0;
padding:0;}



#inhalt {
position: relative;
background: white;
height: auto;
padding: 5px;
padding-bottom: 0px;
z-index:3;
color: black;
width: auto;
font-size: 1.0em;
font-family: 'Open Sans', 'Lato', Arial, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
font-weight: 400;
line-height: 1.5em;
letter-spacing: 0.0em;
word-spacing: 0.05em;
text-align:left;
}

body.index #inhalt {
	display: none;
}

#inhalt p {
padding-left: 10px;
padding-right: 10px;}

#inhalt a {
	color: #33a936;
	font-weight: bold;
	text-decoration: underline;
}

#inhalt a:hover {
color: black;
background: #33a936;
}

#inhalt h1 {
color: #083a93; 
text-align: left;
line-height: 1.6em;
font-size: 1.3em;
font-weight: 600;
background: transparent;
text-transform: uppercase;
margin: 0px auto 10px auto;
padding-left: 10px;

}
#inhalt h1 span.headingbg{
color: ;
border-bottom: 5px solid #f3f3f3;
padding: 0px 6px 0px 0px;
}

#inhalt h2 {font-size: 1.3em; text-align: left; color: #083a93;padding-left: 10px;}


#inhalt_heading h2{
color:#33a936;
color: black;
text-decoration: none;
padding: 0px 5px 5px 12px;
border-bottom: 0px solid black;
display:block;
font-size: 1.5em;
font-weight: 700;
}

#inhalt_heading h2 span{
border-bottom: 3px solid #33a936;
padding-right: 3px;
padding-left: 0px;
}

#inhalt h3 {
font-size: 1.1em; 
color: #303030;
text-align: left;
line-height: 1.8em;
background: ;
width: auto;
font-weight: 700;
border-bottom: 3px solid #add300;
padding: 0px 3px 0px 1px;
margin: 10px;
}

#inhalt h4{
font-weight: 700;
padding: 5px 5px 5px 0px;
margin: 5px 15px 5px 10px;
color: black;
background: transparent;
text-decoration: underline;
font-size: 1.1em;
line-height: 1.2em;
border-bottom: 0px solid #33a936;
}

#inhalt h5 {
text-decoration: none;
padding: 2px;
padding-top: 5px;
padding-left: 1px;
margin: 5px 10px 15px 10px;
border-bottom: 4px solid #eeeeee;
width: auto;
display:block;
font-size: 1.2em;
}

#inhalt p a.boo:hover {
background: transparent;}

#inhalt p a.boo img.contentimage {
width: 95%;
border: 10px solid #f3f3f3;
margin-right: 0px;
margin-bottom: 10px;
height: auto;
}

#inhalt p a.boo img.contentimage.quarter {
width: 30%;
border: 10px solid #f3f3f3;
margin-right: 0px;
margin-bottom: 10px;
height: auto;
}

 #inhalt p a.boo img.contentimage:hover{
 border: 10px solid #add300;
 background: hover;
 }
 
#inhalt p a.boo img.contentimage.portrait1 {
width: 95%;
border: 10px solid #f3f3f3;
margin-right: 0px;
margin-bottom: 10px;
height: auto;
}

#inhalt table {
padding: 0px 0px 0px 0px;
max-width: 93%;
margin: 0 auto;
margin-left: 10px;
border: 0;
border-collapse: collapse;
}

#inhalt table td {
background: white;
padding: 0px 4px 0px 4px;
border: 3px solid #f3f3f3;}



/* ---------- Footer -------------- */

/* --------------- Sloganbanner ---------------------- */

#sloganfooter {
position: relative;
width: 100%;
background: #575757;
height: auto;
min-height: 200px;
margin: 0px;
padding: 0px;
padding-top: 40px;
padding-bottom: 30px;
color: #33a936;
}

#sloganfootercontent {
position: relative;
width: auto;
height: auto;
margin: 0px;
padding: 20px;
color: #FF8674;
color: #33a936;
font-size: 2.0em;
font-family: 'Open Sans', 'Lato', Arial, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
font-weight: 600;
line-height: 1.1em;
letter-spacing: 0.0em;
word-spacing: 0.05em;
text-align:left;
border-bottom: 0px solid white;
}

div.sloganfloat {
	margin-left: -10px;
}

@media (orientation: landscape) {
	#sloganfootercontent {
		min-height: 240px;
	}
	div.sloganfloat {
		margin-left: 0px;
		float:left;
		padding-right: 45px;	
		min-height: 100px;
		padding-bottom: 15px;
	}
	
	div.sloganfloat img{
		max-width: 50vW;
	}
	
}

div.slogannofloat {
margin-top: 50px;
padding-left: 20px;
}

div.slogannofloat a {
	color: #003B5C;
	text-decoration: none;
}
div.slogannofloat a:hover {
	color: white;
	text-decoration: none;
	border-bottom: 2px solid white;
}



#dost{
display: none;}

#sitemap{
display:none;}

.hide{
visibility: hidden;
display:none;
max-height: 300px;
}

#kontaktbox {
	clear: left;
   background-color: #33a936;
   padding-left: 2px;
   border-top: 5px solid #f3f3f3;
   height: auto;
   width: auto;
   z-index: 11;
  line-height: 1.5;
  font-size: 1.3em;
  color: #303030;
  padding:8px 10px 5px 10px;
  text-transform: uppercase;
  text-align: center;
   }
   
 #kontaktbox a {
 border: none;
 text-decoration: none;
 color: white;
 display: block;
 }  

#kontaktbox a:hover {
color: #303030;
}


@media (orientation: landscape) {
	
#kontaktbox {
	text-align: center;
	width: auto;
}
	
	 #kontaktbox a {
 border: none;
 text-decoration: none;
 color: white;
 display: block;
 text-align:center;
 }  
	
}


#callbutton{
width: 100%;
height: auto;
margin-top: 0px;
padding: 5px 0px 7px 0px;
position: relative; 
background:#fff;
border-bottom: 3px solid #f3f3f3; 
color:black;
text-align: center;
list-style:none;
z-index: 4;
font-weight: bolder;
  font-size: 1.2em;
font-family: 'Open Sans', 'Lato', Arial, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
}


#callbutton a{
padding-left: 0px;
display:block;
color: black;
font-size: 1.0em;
text-decoration:none;}


#callbutton a img.phoneicon {
height: 1em;
margin-bottom: -0.15em;
}

/* ----------------- ADDTHIS ----------------- */

#printbutton {
padding: 0px 10px 10px 10px;
border-top: 5px solid #f3f3f3;
}

#printbutton .a2a_kit {
	margin-top: 5px;
}

#printbutton .a2a_svg, .a2a_count { 
border-radius: 0 !important; 
}

div.a2a_kit.inline {
	margin-left: 20px;
}

/*------ Impressumfooter ---- */


#impressum {
position: relative;
width: 100%;
background: #33a936;
height: auto;
margin: 0px;
margin-top: 0px;
padding-top: 15px;
padding-bottom: 0px;
}

body.id1 #impressum {
	display:display;
}

#impressumcontent {
position: relative;
top: 0px;
margin: 0px auto;
margin-top: 20px;
width: auto;
height: auto;
color: #003B5C;
color: #FF8674;
color: #fff;
padding: 20px 7px 5px 20px;
font-size: 1.0em;
font-family: 'Open Sans', 'Lato', Arial, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
font-weight: 400;
line-height: 1.0em;
text-align:left;
border-bottom: 0px solid white;
}

div.impressumfloat {
float:left;
padding-right: 30px;	
padding-bottom: 30px;	
}

div.impressumfloat img{
margin-left: -5px;
}

div.impressumnofloat {
float:none;
display: inline-block;
margin-top: 0px;	
}

div.impressumnofloat p.doublespace{
	line-height: 2em;
}

#impressum a{
color: #003B5C;
color: #FF8674;
color: #fff;
text-decoration: none;
}

#impressum a:hover{
color: #003B5C;
color: #FF8674;
color: #fff;
border-bottom: 2px solid #003B5C;
border-bottom: 2px solid #FF8674;
border-bottom: 2px solid #fff;
}

/* ------------- Weiche ------------------ */
#weiche {
   background-color: white;
   padding-left: 2px;
   border-top: 5px solid #f3f3f3;
   height: auto;
   width: auto;
   z-index: 11;
   font-family: 'Open Sans', 'Lato', Arial, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
  line-height: 1.5;
  font-size: 1em;
  color: #474747;
  padding:8px 10px 5px 10px;
   }

#weiche a{
color: #474747;
text-decoration:none;
}

#weiche a:hover {
border-bottom: 1px solid #444444;
}

/* ----------------------- Google Maps -------------------- */

#mapindexpage {
position: relative;
top: 0px;
margin: 0px;
margin-top: 0px;
width: 100%;
height: 60vH;
max-height: 700px;
min-height: 400px;
background: #33a936;
border: 0px;
padding-bottom:0px;
z-index: 11;
}