/*
Theme Name: Spital am Semmering
Theme URI: http://www.spitalamsemmering.com
Description: Webseite Spital am Semmering
Author: Claudia Steinacher
Author URI: http://steinacher.com
Version: 1.0
Tags: 

License:
License URI:
*/



/* ---------------- ALLGEMEINE SEITENEINSTELLUNGEN ----------------------- */
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	background: #eeeeee;
}
body .site {
-webkit-font-smoothing: subpixel-antialiased !important;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}

.cf:before,
.cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}


#wrapper {
	max-width: 2000px;
	margin: 0px auto; 
	-webkit-font-smoothing: subpixel-antialiased !important;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}

nav {
	z-index: 9000;
}


.container {
	max-width: 1326px;
	height: auto;
	margin: 0px auto;
}

img {
	max-width: 100%;
	height: auto;
}
.alignnone {
    margin: 0px 20px 0 0;
}

a { color: #0000ff;
}

a:visited { color: #0000ff;
}

#linkblock {
	border: 1px solid #ff0033;
	padding: 20px;
	width: 200px;
	height: 100px;
}

.more-link {
	text-decoration: none;
	color: #fff;
	padding: 1.5% 2% 1.5% 2%;
	background: #d1d1d1;
	display: inline-block;
	margin-top: 10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	clear:both;
}

.more-link:visited {
	color: #fff;
}

.more-link:before {
	 content: "\f0a9";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	padding-right: 5px;
	color: #fff;
}

.more-link:hover {
	color: #666;
}

.more-link:hover:before {
	color: #666;
}


/* ---------------- Horizontale Linie ------------- */

hr {
    margin-top: 20px;
	margin-bottom: 20px;
	border: none;
	border-top: 1px solid #666;
	background-color: #eee;
	height: 1px;
}

/* ---------------- Bildtext ------------- */

.wp-caption p.wp-caption-text {
    font-size: 12px;
	color: #666666;
}

/* ---------------- FORMATIERUNG TABELLE ------------- */
.webtable table {
	width:100%;
}

.webtable table, td, tr, th {
	border:0px solid black;
	border-collapse: collapse;
	text-align: left;
}

.webtable td, tr, th {
	padding: 0.5em;
	vertical-align: text-top;
}

.webtable th {
	background:#eee;
	font-weight: bold;
}

/* ---------------- FORMATIERUNG SUCH SEITE ------------- */
#suchform {
background: #666;
padding: 20px;
position: relative;

}

#suchform #searchsubmit {
	position: absolute;
	border: 1px solid #fff;
	background: #ff0033;
	height: 40px;
	margin-left: 20px;
	padding: 2px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#suchform #searchsubmit:hover {
	background: #666;
}

#suchform input[type=text] {font-size: 16px; width: 90%; height: 40px; padding: 5px;}

#searchblock {
 margin-bottom: 40px;
}

#searchblock p {
 margin-bottom: 10px;
}

a.link_search {
	background: #666;
	padding: 5px 10px 5px 10px;
	top: 10px;
	color: #fff;
	text-decoration: none;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

a.link_search:hover {
	background: #ff0033;
}


/* Schatten für Bilder */
.shadow {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* Zentrierung für Bilder */
.aligncenter, img.aligncenter { 
	clear: both; 
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}


/* Formatierung Link PDF */

a.linkpdf {
	background-color: #eeeeee;
	padding:  1.5% 2% 1.5% 2%;
	display: inline-block;
	color: #666666;
	font-size: 1em;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-top: 7px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

a.linkpdf:hover {
 	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

a.linkpdf:before {
	 content: "\f1c1";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #ff0033;
    font-size: 24px;
    padding-right: 0.5em;   
}

a.linkpdf:last-child {
	margin-bottom: 0px;
}


/* Formatierung Link Telefon */

a.linktel {
	background-color: #a1a1a1;
	padding: 1.5% 2% 1.5% 2%;
	display: inline-block;
	color: #ffffff;
	font-size: 1em;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-top: 7px;
	margin-bottom: 4px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

a.linktel:hover {
 	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


a.linktel:before {
	 content: "\f098";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #ffffff;
    font-size: 24px;
    padding-right: 0.5em;   
}

/* Formatierung Link Mail */

a.linkmail {
	background-color: #a1a1a1;
	padding: 1.5% 2% 1.5% 2%;
	display: inline-block;
	color: #ffffff;
	font-size: 1em;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-top: 7px;
	margin-bottom: 4px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

a.linkmail:hover {
 	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


a.linkmail:before {
	 content: "\f0e0";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #ffffff;
    font-size: 24px;
    padding-right: 0.5em;   
}



/* Formatierung Link WEB */

a.linkweb{
	background-color: #eeeeee;
	padding: 1.5% 2% 1.5% 2%;
	display: inline-block;
	color: #666666;
	font-size: 1em;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-top: 7px;
	margin-bottom: 4px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

a.linkweb:hover {
 	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

a.linkweb:before {
	 content: "\f14c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #ff0033;
    font-size: 24px;
    padding-right: 0.5em;   
}

a.linkweb:last-child {
	margin-bottom: 0px;
}

/* Formatierung Link Homepage */

a.linkhomepage {
	background-color: #a1a1a1;
	padding: 1.5% 2% 1.5% 2%;
	display: inline-block;
	color: #ffffff;
	font-size: 1em;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-top: 7px;
	margin-bottom: 4px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

a.linkhomepage:hover {
 	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


a.linkhomepage:before {
	 content: "\f015";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #ffffff;
    font-size: 24px;
    padding-right: 0.5em;   
}



/* Formatierung Liste */
.inhalt ul {
	margin-left: 20px;
	margin-bottom: 20px;
}

.inhalt ul li {
	padding-bottom: 20px;
}



/* ------------- HEADER ------------- */
header {
	width: 100%;
	background: #fff;
	margin: 0 auto;
}

header .container {
	padding: 2% 0 5% 0;
}

header .container div:nth-child(1) {
	padding: 0 5% 0 5%;
}

header .container div:nth-child(1) section {
float: left;
}

header .container div:nth-child(1) section:nth-child(1) {
text-align: right;
margin-right: 2%;
}


header .container div:nth-child(1) section:nth-child(2) h1 {
text-decoration: none;
color: #ff0033;
font-weight: normal;
font-size: 2em;
}

header .container div:nth-child(1) section:nth-child(2) h2 {
text-decoration: none;
color: #ff0033;
font-size: 1.2em;
font-weight: normal;
}

header .container div:nth-child(1) section:nth-child(2) {
text-align: left;
padding-top: 10px;
}



/* ------------- SLIDER ------------- */

#slider {
	max-width: 2000px;
	height: auto;
	margin: 0px auto;
	background: #fff;
	-webkit-backface-visibility: hidden;
}

#slider_gross {
	display: none;
}

/* ------------ MAIN -------------- */

#main_picture {
	width: 100%;
	margin: 0 auto;
	height: auto;
	position: relative;
}

#main_picture img:nth-child(1){
	display: none;
}

#headline {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0px auto;
}

#headline .container {
	padding-left: 5%;
}

#headline h1 {
	color: #666666;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.picture_bg {
  width: 100%;
  background: rgba(238, 238, 238, 1); 
  padding: 0 10px 5px 10px;
}

#main {
	width: 100%;
	background: #0000ff;
	margin: 0 auto;
}

/* ------------ MAIN HEADER -------------- */

#main_header {
	background: #666;
}

#main_header .container {
	padding: 3%;
	text-align: center;
}

#main_header .container section a {
	 text-decoration: none;
	 color: #fff;
	 display: inline-block;
	 background: #ff0033;
	 padding: 2%;
	 border-radius: 4px;
	 -moz-border-radius: 4px;
	 -webkit-border-radius: 4px;
	 margin-bottom: 10px;
}

#main_header .container section a:hover {
	 background: #ccc;
}

#main_header .container section h1 {
	font-size: 1.2em;
	font-weight: normal;
	padding-bottom: 5px;
}

#main_header .container div section:nth-child(2) {
	margin-top: 10px;
}

#main_header .container div:nth-child(2) {
	display: none;
}

#main_header .container div section {
	color: #fff;
	font-size: 0.9em;
}


/* ------------ MAIN INHALT -------------- */

#main_inhalt {
	background: #fff;
}

#main_inhalt .container #content {
	background: #fff;
	padding: 5%;
	position: relative;
	margin-bottom: 0px;
}


.inhalt {
	width: 100%;
}

.inhalt_search {
	width: 100%;
}

.inhalt h1{
	color: #666666;
	font-weight: normal;
	margin-bottom: 20px;
}

.inhalt_search h1{
	color: #666666;
	font-weight: normal;
	margin-bottom: 20px;
}

#content h1 {
	color: #666666;
	font-weight: normal;
	margin-bottom: 20px;
}

.inhalt h2 {
	color: #666666;
	font-weight: normal;
	margin-bottom: 20px;
}

.inhalt_search h2 {
	color: #ff0033;
	font-weight: normal;
	margin-bottom: 20px;
}

.inhalt h3 {
	color: #666666;
	font-weight: normal;
	margin-bottom: 20px;
}

.inhalt_search h3 {
	color: #666666;
	font-weight: normal;
	margin-bottom: 20px;
}

#content h3 {
	color: #000;
	font-weight: bold;
	margin-bottom: 0;
}

.inhalt p {
	font-size: 1em;
	line-height: 1.6em;
	margin-bottom: 20px;
}

.inhalt_search p {
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 0;
}



.inhalt_search div {
	margin-bottom: 20px;
}

nav.breadcrumb {
	display: none;
}

/* ------------ MAIN ARTIKEL -------------- */

#main_inhalt .container #content .post_article  {
	text-decoration: none;
	color: #000;
}


#main_inhalt .container #content article h1  {
	color: #666;
	font-weight: normal;
	margin-bottom: 3px;
}

#main_inhalt .container #content article {
	margin-bottom: 30px;
	border: 1px solid #f1f1f1;
	padding: 2%;
}

/* ------------ MAIN SIDEBAR -------------- */
#main_inhalt .container #sidebar {

}

#main_inhalt .container #sidebar #bservice {
	position: relative;
	background: #ff0033;
	height: 60px;
	padding-top: 5px;
	text-align: center;
	color: #fff;
	letter-spacing: 0.1em;
	font-size: 2em;
	font-weight: 300;
}

/* Pfeil bei Bürgerservice Handy */
.pfeil {
	position: absolute;
	width: 0; 
    height: 0;
    border-top:  10px solid #ff0033;
    border-left: 140px solid transparent; 
    border-right: 140px solid transparent; 
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 60px;
}

#main_inhalt .container #sidebar #blinks {
	padding: 5%;
}

#main_inhalt .container #sidebar .swidget ul {
	list-style-type: none;
}

/* Sidebar Link Leiste 1 */
.menu-sidebar-links-1-container {
	margin-top: 10px;
}

.menu-sidebar-links-1-container li {
	position: relative;
	display: block;
	background-color: #fff;
	transition: background-color 1s;
	margin-bottom: 20px;
	border: 1px solid #666;
	min-height: 65px;
}

.menu-sidebar-links-1-container li:hover {
	background-color: #eee;
}


.menu-sidebar-links-1-container li a {
	display: block;
	padding: 3%;
	color: #000;
	text-decoration: none;
	margin-left: 60px;
	margin-top: 5px;
}


.menu-sidebar-links-1-container li a p {
	font-size: 0.8em;
	color: #666;
}



.menu-sidebar-links-1-container li:nth-child(1):before {
	position: absolute;
	content: "\f0f6";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #ff0033;
	margin-right: 5px;
	font-size: 3em;
	margin-top: 7px;
	margin-left: 7px;
}

.menu-sidebar-links-1-container li:nth-child(2):before {
	position: absolute;
	content: "\f0f6";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #ff0033;
	margin-right: 5px;
	font-size: 3em;
	margin-top: 7px;
	margin-left: 7px;
}


.menu-sidebar-links-1-container li:nth-child(3):before {
	position: absolute;
	content: "\f114";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #ff0033;
	margin-right: 5px;
	font-size: 3em;
	margin-top: 7px;
	margin-left: 7px;
}

.menu-sidebar-links-1-container li:nth-child(4):before {
	position: absolute;
	content: "\f1c5";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #ff0033;
	margin-right: 5px;
	font-size: 3em;
	margin-top: 7px;
	margin-left: 7px;
}

.menu-sidebar-links-1-container li:nth-child(5):before {
	position: absolute;
	content: "\f015";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #ff0033;
	margin-right: 5px;
	font-size: 3em;
	margin-top: 7px;
	margin-left: 7px;
}


.menu-sidebar-links-1-container li:nth-child(6):before {
	position: absolute;
	content: "\f236";
     font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #ff0033;
	margin-right: 5px;
	font-size: 3em;
	margin-top: 7px;
	margin-left: 7px;
}

.menu-sidebar-links-1-container li:nth-child(7):before {
	position: absolute;
	content: "\f087";
     font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #ff0033;
	margin-right: 5px;
	font-size: 3em;
	margin-top: 7px;
	margin-left: 7px;
}

.menu-sidebar-links-1-container li:nth-child(8):before {
	position: absolute;
	content: "\f03d";
     font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #ff0033;
	margin-right: 5px;
	font-size: 3em;
	margin-top: 7px;
	margin-left: 7px;
}


/* Sidebar Link Leiste 2 */
.menu-sidebar-links-2-container {
	margin-top: 50px;
}


.menu-sidebar-links-2-container li {
	display: block;
	background: #ff0033;
	margin-bottom: 20px;
}

.menu-sidebar-links-2-container li:hover {
	background: #666666;
}

.menu-sidebar-links-2-container li a {
	display: block;
	padding: 2%;
	margin-left: 5px;
	color: #fff;
	text-decoration: none;
}

.menu-sidebar-links-2-container li a:before {
	content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
	margin-right: 5px;
}



/* Sidebar Link Tourismus */
.menu-sidebar-tourismus-container {
	margin-top: 30px;
}

.menu-sidebar-tourismus-container li {
	position: relative;
	display: block;
	background-color: #fff;
	transition: background-color 1s;
	margin-bottom: 20px;
	border: 1px solid #666;
}

.menu-sidebar-tourismus-container li:hover {
	background-color: #eee;
}


.menu-sidebar-tourismus-container li a {
	display: block;
	padding: 3%;
	color: #000;
	text-decoration: none;
	margin-left: 60px;
}

.menu-sidebar-tourismus-container li a p {
	font-size: 0.8em;
	color: #666;
}

.menu-sidebar-tourismus-container li:nth-child(1):before {
	position: absolute;
	content: "\f015";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #ff0033;
	margin-right: 5px;
	font-size: 3em;
	margin-top: 7px;
	margin-left: 7px;
}

.menu-sidebar-tourismus-container li:nth-child(2):before {
	position: absolute;
	content: "\f236";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #ff0033;
	margin-right: 5px;
	font-size: 3em;
	margin-top: 7px;
	margin-left: 7px;
}


.menu-sidebar-tourismus-container li:nth-child(3):before {
	position: absolute;
	content: "\f03d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #ff0033;
	margin-right: 5px;
	font-size: 3em;
	margin-top: 7px;
	margin-left: 7px;
}


.menu-sidebar-tourismus-container li:nth-child(4):before {
	position: absolute;
	content: "\f1b9";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #ff0033;
	margin-right: 5px;
	font-size: 3em;
	margin-top: 7px;
	margin-left: 7px;
}

.menu-sidebar-tourismus-container li:nth-child(5):before {
	position: absolute;
	content: "\f05a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #ff0033;
	margin-right: 5px;
	font-size: 3em;
	margin-top: 7px;
	margin-left: 7px;
}



/* ------------------- FOOTER ------------------ */

footer {
	width: 100%;
	background-color: #666;
	margin: 0 auto;
	padding: 0% 5% 0% 5%;
}

footer .container .fwidget {
	width: 100%;
	height: auto;
	background: transparent;
	padding: 2%;
	margin-top: 30px;
}

footer .container .fwidget h2 {
	color: #fff;
	font-size: 1.5em;
	font-weight: normal;
}

footer .container .fwidget p {
	color: #fff;
	font-size: 1em;
}

footer .container .fwidget:first-child {
	text-align: center;
}

footer .container .fwidget:nth-child(2) {
	padding: 0;
	border: 5px solid #fff;
}

footer .container .fwidget:nth-child(2) p {
	color: #000;
}

footer .container .fwidget ul#menu-besuchte-seiten {
	 margin-top: 15px;
	 list-style-type: none;
}

footer .container .fwidget ul#menu-besuchte-seiten li {
	 margin-bottom: 10px;
}

footer .container .fwidget ul#menu-besuchte-seiten li a {
	 text-decoration: none;
	 color: #fff;
	 display: block;
	 background: #ccc;
	 padding: 2%;
	 border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

footer .container .fwidget ul#menu-besuchte-seiten li a:hover {
	 background: #ff0033;
}

footer .container .fwidget ul#menu-besuchte-seiten li a:before {
	content: "\f192";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-right: 5px;
    color: #fff;
}

footer .container .fwidget .linkfooter {
	float: left;
	color: #fff;
	margin-right: 20px;
	background: #ccc;
	padding: 2%;
	 border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

footer .container .fwidget .linkfooter:hover {
	color: #999;
}

footer .container .fwidget:first-child #icons_kontakt {
	padding-left: 40%;
	margin-top: 10px;
}


/* Formular Thema Webseite */

footer .container .fwidget:last-child {
	background: #ff0033;
	margin-bottom: 30px;
}

footer .container .fwidget:last-child p {
	color: #fff;
}

footer .container .fwidget:last-child h2 {
	color: #fff;
}


.textwidget input[type=text] {font-size: 13px;}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
    width: 100%;
    height: 30px;
}

div.wpcf7 .wpcf7-form-control {
	width: 100%;
}

.wpcf7-form-control {
	font-size: 14px;
	padding: 3px;
	margin-top: 7px;
	margin-bottom: 7px;
}


.wpcf7-textarea {
	font-size: 14px;
	padding: 3px;
	margin-bottom: 0;
}

.wpcf7-submit {
	cursor: pointer;
	color: #fff;
	font-size: 1em;
	padding: 7px;
	width: 200px;
	height: auto;
	background: #666;
	border: 1px solid #fff;
}

.wpcf7-submit:hover {
	background: #999;
}


.textwidget div.wpcf7-mail-sent-ok {
    border: 0px;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
	color: #fff;
}

.textwidget div.wpcf7-validation-errors {
	border: 0px;
	font-size: 0.8em;
	color: #fff;
}

.textwidget span.wpcf7-not-valid-tip {
    color: #ffff00;
    font-size: 0.9em;
    display: block;
	margin: 0;
	padding: 0;
}

.textwidget div.wpcf7-response-output {
    margin: 0;
    padding: 0;
}

.grecaptcha-badge {
	display: none;
}

#google-recapture {font-size: 10px; color: #fff;}

#google-recapture a {color: #fff;}

/* ------------------- SUB NAVIGATION ------------------ */

#footer_small {
	width: 100%;
	background-color: #000;
	margin: 0 auto;
}

#footer_small .container {
	color: #fff;
	text-align: right;
}

#navSecondary ul {
	overflow: hidden;
	color: white;
	text-align: center;
	margin: 0;
}

#navSecondary ul li a {
	padding: 15px;
	display: block;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

#navSecondary ul li a:last-child() {
	border-bottom: 0;
	background: #00FF7F;
}

#navSecondary ul li a:hover {
	background: #ccc;
	color: #333;
}


@media screen and (min-width:400px) {
header .container {
	padding: 2% 0 2% 0;
}



header .container div:nth-child(1) section:nth-child(1) {
text-align: left;
width: 20%;
}

header .container div:nth-child(1) section:nth-child(2) {
text-align: left;
width: 50%;
}

}

@media screen and (min-width:500px) {
header .container div:nth-child(1) section:nth-child(1) {
width: 20%;
margin-right: 2%;
}

header .container div:nth-child(1) section:nth-child(2) {
text-align: left;
width: 50%;
}
}

@media screen and (max-width:600px) {
	
.webtable table, tr, td {
	padding:0;
	border:0px solid black;
}

.webtable table {
	border:none;
}

.webtable thead {
	display:none;
}

.webtable tr {
	float: left;
	width: 100%;
	margin-bottom: 1em;
}

.webtable td {
	float: left;
	width: 100%;
	padding:0.5em;
}


.webtable td:nth-child(1) {
	background: #eee;
}

.webtable td:nth-child(1)::before {
	background: #eee;
}


.webtable td::before {
	content:attr(data-label);
	background: #fff;
	border-right:0px solid black;
	width: 26%;
	float:left;
	padding:0.5em;
	font-weight: bold;
	margin: -0.5em 1em -3em -0.5em;
}
}

@media screen and (min-width:600px) {

header .container div:nth-child(1) {
	margin-bottom: 10px;
}


header .container div:nth-child(1) section:nth-child(1) {
width: 45%;
text-align: right;
}

header .container div:nth-child(1) section:nth-child(2) {
width: 30%;
}

header .container div:nth-child(1) section:nth-child(2) h1 {
text-align: center;
}

header .container div:nth-child(1) section:nth-child(2) h2 {
text-align: center;
}


#main_inhalt .container #content article h1  {
	font-size: 1.2em;
}

/* ------------ MAIN PICTURE -------------- */
#headline h1 {
	font-size: 2.5em;
}

/* ------------ MAIN HEADER -------------- */
#main_header .container div a {
	 padding: 1.5%;
}

/* ------------------- SIDEBAR ------------------ */
#main_inhalt .container #sidebar #blinks {
	padding: 3% 10% 3% 10%;
}

/* ------------------- FOOTER ------------------ */
footer {
	padding: 0 5% 0 5%;
}

footer .container .fwidget {
	width: 48.81516587677725%; /* 618 / 1266 */
	float: left;
	margin-right: 2.3696682464454977%; /* 30 / 1266 */
	margin-bottom: 0;
	padding: 0;
	background: transparent;
}

footer .container .fwidget p {
	color: #fff;
}

footer .container .fwidget h2 {
	color: #fff;
	font-size: 1.2em;
	font-weight: normal;
}

footer .container .fwidget:first-child {
	text-align: left;
}

footer .container .fwidget:nth-child(2) {
	margin-right: 0;
}

footer .container .fwidget:last-child {
	
	padding: 1%;
}


footer .container .fwidget:last-child {
	margin-right: 0;
}

footer .container .fwidget:first-child #icons_kontakt {
	padding-left: 0;
}



/* ---------------------- SUB NAVIGATION -------------------------- */
#footer_small {
	padding: 1% 3% 1% 3%;
}

#navSecondary ul {
	text-align: right;
}

#navSecondary ul li {
	display: inline-block;
}

#navSecondary ul li a {
	border-bottom: 0;
	padding: 0 15px 0 15px;
}

#navSecondary ul li a:hover {
	background-color: transparent;
	color: #ccc;
}
}





@media screen and (min-width:700px) {

header .container div:nth-child(1) section:nth-child(1) {
width: 40%;
}

#headline .container {
	padding-left: 3%;
}

/* ------------------- MAIN INHALT ------------------ */
#main_inhalt .container {
	padding: 0;
}

.inhalt {
	min-height: 400px;
}

.inhalt_search {
	min-height: 400px;
}

/* ------------------- MAIN ARTIKEL ------------------ */
#main_inhalt .container #content article {
	width: 48.40764331210191%; /* 456 / 942 */
	min-height: 400px;
	height: 400px;
	overflow-y: hidden;
	float: left;
	margin-right: 3.1847133757961785%; /* 30 / 942 */
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0.5%;
}

#main_inhalt .container #content article:nth-child(2n) {
	margin-right: 0;
}


#main_inhalt .container #content article:hover {
	background: #f1f1f1;
}

#main_inhalt .container #content article:hover a.more-link {
	background: #666;
}

.more-link:hover {
	color: #fff;
}

.more-link:hover:before {
	color: #fff;
}


}





@media screen and (min-width:890px) {




/* ------------------- HEADER ------------------ */
header .container {
	padding: 1.5% 3% 1.5% 3%;
}


#slider {
padding-bottom: 10px;
}

/* ------------------- MAIN HEADER ------------------ */

#main_header .container {
	padding: 0 3% 0 3%;
	text-align: left;
	height: 70px;
	min-height: 70px;
}

#main_header .container div:nth-child(1) {
	width: 61.61137440758294%; /* 780 / 1266 */
	float: left;
	margin-right: 2.3696682464454977%; /* 30 / 1266 */
	margin-top: 3px;
}

#main_header .container div section:nth-child(1) h1 {
	margin-left: 55px;
}

#main_header .container div section:nth-child(1) p {
	margin-left: 55px;
}

#main_header .container div section:nth-child(1):before {
	position: absolute;
	margin-top: 2px;
	content: "\f017";
     font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
	font-size: 4em;
	font-weight: normal;
}

#main_header .container div section:nth-child(2) {
	display: none;
}

#main_header .container div:nth-child(2) {
	position: relative;
	display: block;
	background: #ff0033;
	color: #fff;
	font-size: 1.5em;
	width: 36.018957345971565%; /* 456 / 1266 */
	float: left;
	height: 70px;
	text-align: center;
	padding-top: 10px;
}

/* Pfeil bei Bürgerservice Tablett */
.pfeil2 {
	position: absolute;
	width: 0; 
    height: 0;
    border-top:  20px solid #ff0033;
    border-left: 130px solid transparent; 
    border-right: 130px solid transparent; 
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 70px;
}

#main_header .container div section h1 {
	padding-bottom: 0;
	font-size: 1.2em;
}

#main_header .container div section {
	padding-bottom: 0;
	font-size: 0.8em;
}


/* ------------------- MAIN INHALT ------------------ */
#main_inhalt .container {
	padding: 5% 3% 3% 3%;
}

#bservice { 
	display: none;
}

#main_inhalt .container #content {
	width: 61.61137440758294%; /* 780 / 1266 */
	float: left;
	margin-right: 2.3696682464454977%; /* 30 / 1266 */
	padding: 0;
}

/* ------------------- MAIN SIDEBAR ------------------ */


#main_inhalt .container #sidebar {
	width: 36.018957345971565%; /* 456 / 1266 */
	float: left;
}

.menu-sidebar-links-1-container {
	margin-top: 0;
}


#main_inhalt .container #sidebar #blinks {
	padding: 0;
}

/* ------------------- MAIN ARTIKEL ------------------ */
#main_inhalt .container #content article {
	margin-top: 0px;
	margin-bottom: 30px;
}
}




@media screen and (min-width:900px) {
/* ------------------- SLIDER ------------------ */
#slider_klein {
	display: none;
}

#slider_gross {
	display: block;
}

/* Pfeil bei Bürgerservice Tablett */
.pfeil2 {	
   border-left: 150px solid transparent; 
   border-right: 150px solid transparent; 
}


header .container div:nth-child(1) {
	float: left;
	width: 36.018957345971565%; /* 456 / 1266 */
	background: #fff;
	margin-right: 2.3696682464454977%; /* 30 / 1266 */
	height: 90px;
	padding: 0 0 0 0;
}
header .container div:nth-child(2) {
	float: left;
	width: 61.61137440758294%; /* 780 / 1266 */
	background: #fff;
}

header .container div:nth-child(1) section {
height: 90px;
}

header .container div:nth-child(1) section:nth-child(2) {
padding-top: 10px;
width: 60%;
}

header .container div:nth-child(1) section:nth-child(1) {
width: 100px;
}

header .container div:nth-child(1) section:nth-child(2) h1 {
text-align: left;
}

header .container div:nth-child(1) section:nth-child(2) h2 {
text-align: left;
}

#main_inhalt .container {
	padding: 3% 3% 3% 3%;
}
#content .inhalt {
	background: #eeeeee;
	padding: 2%;
}
#content .inhalt_search {
	background: #eeeeee;
	padding: 2%;
}

/* ------------ MAIN PICTURE -------------- */
#headline h1 {
	font-size: 2.5em;
}

#main_picture img:nth-child(2){
	display: none;
}

#main_picture img:nth-child(1){
	display: block;
}

/* ------------------- BREADCRUMB NAVIGATION ------------------ */
nav.breadcrumb {
	display: block;
	margin-bottom: 30px;
}

.crumbs { 
	list-style: none; 
	overflow: hidden; 
	font: 18px Helvetica, Arial, Sans-Serif;
    overflow-wrap: inherit;
}
.crumbs li { 
	float: left; 
}
		
.crumbs li a {
	color: #666;
	text-decoration: none; 
	padding: 10px 0 10px 35px;
	background: #eeeeee; /* fallback color */ 
	position: relative; 
	display: block;
	float: left;
}

.crumbs li a:after { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 20px solid #eeeeee;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	left: 100%;
	z-index: 2; 
}	
		
.crumbs li a:before { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 20px solid #ff0033;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}	

.crumbs li:first-child a {
	padding-left: 10px;
	background-image: url(images/house.png);
	background-repeat: no-repeat;
	background-position: right center;
	width: 40px;
	color: transparent;
}
		
.crumbs li:first-child a:hover {
	padding-left: 10px;
	background-image: url(images/house2.png);
	background-repeat: no-repeat;
	background-position: right center;
	width: 40px;
	color: transparent;
}

.crumbs li:last-child a {
	background: white !important;
	pointer-events: none;
 	cursor: default;
}
		
.crumbs li:last-child a:after {
	border: 0;
}

.crumbs li a:hover {
	background: #ff0033;
	color: #fff;
}

.crumbs li a:hover:after {
	border-left-color: #ff0033 !important;
}
	
.crumbs span#current-page {
	color: #ff0033;
	margin-left: 30px;
	background: white;
	padding: 13px 0 10px 0;
	position: absolute;
}
		
a.linktel{
	padding: 1.5% 2.5% 1.5% 2.5%;
}

a.linkmail {
	padding: 1.5% 2.5% 1.5% 2.5%;
}

a.linkhomepage {
	padding: 1.5% 2.5% 1.5% 2.5%;
}

a.linkpdf {
	background-color: #fff;
}
a.linkweb {
	background-color: #fff;
}

footer .container .fwidget ul#menu-besuchte-seiten li {
	 margin-bottom:  8px;
}

footer .container .fwidget ul#menu-besuchte-seiten li a {
	 text-decoration: none;
	 color: #fff;
	 display: block;
	 background: none;
	 padding: 0;
	 border-radius: 0;
	 -moz-border-radius: 0;
	 -webkit-border-radius: 0;
}

footer .container .fwidget ul#menu-besuchte-seiten li a:hover {
	 color: #ccc;
	 background: none;
}

footer .container .fwidget ul#menu-besuchte-seiten li a:hover:before {
	color: #ccc;
}


}





@media screen and (min-width:1100px) {
/* ------------------- HEADER ------------------ */	


/* ------------------- MAIN HEADER ------------------ */
#main_header .container {
	padding: 0 3% 0 3%;
}

#main_header .container div section {
	float: left;
	width: 48.07692307692308%; /* 375 / 780 */
}

#main_header .container div section:nth-child(1) {
	margin-right: 3.8461538461538463%; /* 30 / 780 */
}

#main_header .container div section:nth-child(2) {
	display: block;
	margin-top: 0;
	margin-right: 0;
}

#main_header .container div section:nth-child(1) h1 {
	margin-left: 50px;
	font-size: 1.1em;
}

#main_header .container div section:nth-child(2) h1 {
	font-size: 1.1em;
}

#main_header .container div section:nth-child(1) p {
	margin-left: 50px;
}

#main_header .container div section a {
	 text-decoration: none;
	 color: #fff;
	 display: inline;
	 background: none;
	 padding: 0;
	 border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	margin-bottom: 0;
}

#main_header .container div section a:hover {
	 background: none;
}

.pfeil2 {	
   border-left: 130px solid transparent; 
   border-right: 130px solid transparent; 
}


/* ------------------- FOOTER ------------------ */

footer .container .fwidget {
	width: 23.22274881516588%; /* 294 / 1266 */
	float: left;
	margin-bottom: 0;
	padding: 0;
	background: transparent;
}

footer .container .fwidget:nth-child(2){
	margin-right: 2.3696682464454977%; /* 30 / 1266 */
}

footer .container .fwidget:last-child {
	margin-top: 0;
	margin-bottom: 0;
	padding: 1%;
}
footer .container .fwidget h2 {
	color: #fff;
	font-size: 1.2em;
	font-weight: normal;
}

footer .container .fwidget p {
	color: #fff;
	font-size: 0.9em;
}




}




@media screen and (min-width:1200px) {


/* ------------------- MAIN HEADER ------------------ */
#main_header .container div:nth-child(1) {
	width: 74.40758293838863%; /* 942 / 1266 */
}

#main_header .container div:nth-child(2) {
	width: 23.22274881516588%; /* 294 / 1266 */
}

#main_header .container div section:nth-child(1) h1 {
	margin-left: 60px;
	font-size: 1.2em;
}
#main_header .container div section:nth-child(1) p {
	margin-left: 60px;
}
#main_header .container div section:nth-child(2) h1 {
	font-size: 1.2em;
}


/* ------------------- MAIN INHALT ------------------ */
#main_inhalt .container #content {
		width: 74.40758293838863%; /* 942 / 1266 */
}

#main_inhalt .container #sidebar {
	width: 23.22274881516588%; /* 294 / 1266 */
}

/* ------------------- MAIN ARTIKEL ------------------ */
#main_inhalt .container #content article {
	width: 31.210191082802545%; /* 294 / 942 */
	padding: 1%;
}



#main_inhalt .container #content article:nth-child(2n) {
	margin-right: 3.1847133757961785%; /* 30 / 942 */
	
}

#main_inhalt .container #content article:nth-child(3n) {
	margin-right: 0;
}
a.linktel {
	padding: 1% 1.5% 1.5% 1.5%;
}

a.homepage {
	padding: 1% 1.5% 1.5% 1.5%;
}

a.linkpdf {
	padding: 1% 1.5% 1% 1.5%;
}
a.linkweb {
	padding: 1% 1.5% 1% 1.5%;
}
a.linkmail {
	padding: 1% 1.5% 1.5% 1.5%;
}
}

@media screen and (min-width:1350px) {

/* ------------------- FOOTER ------------------ */
footer {
	padding: 0;
}

/* ------------------- HEADER ------------------ */
header .container {
	padding: 1% 0 1% 0;
}
/* ------------------- MAIN HEADER ------------------ */
#main_header .container {
	padding: 0;
}
/* ------------------- MAIN PICTURE ------------------ */
#headline .container {
	padding-left: 0;
}
/* ------------------- MAIN INHALT ------------------ */
#main_inhalt .container {
	padding: 2% 0 1% 0;
}
#content .inhalt {
	background: #eeeeee;
	min-height: 500px;
	padding: 1.5%;
}

/* Formatierung Link Telefon */

#content a.linktel {
	background-color: #eeeeee;
	padding: 0%;
	display: inline-block;
	color: #000;
	font-size: 1em;
	text-decoration: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

#content a.linktel:hover {
 	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}


#content a.linktel:before {
	 content: none;
}



/* Formatierung Link Mail */

#content a.linkmail {
	background-color: #eeeeee;
	padding: 0%;
	display: inline-block;
	color: #0000ff;
	font-size: 1em;
	text-decoration: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

#content a.linkmail:hover {
 	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	text-decoration: underline;
}


#content a.linkmail:before {
	 content: none;
}


/* Formatierung Link Homepage */

#content a.linkhomepage {
	background-color: #eeeeee;
	padding: 0%;
	display: inline-block;
	color: #0000ff;
	font-size: 1em;
	text-decoration: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

#content a.linkhomepage:hover {
 	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	text-decoration: underline;
}


#content a.linkhomepage:before {
	 content: none;
}
#headline h1 {
	font-size: 3.5em;
}

}


/* Print Styles */
@media print {
body { background:#ffffff; color:black; margin:0 }
#headline h1 {display: none;}
#main_picture img {display: none;}
#navSecondary {display: none;}
footer {display: none;}
#sidebar {display: none;}
.addthis_toolbox {display: none;}
#slider {display: none;}
#slider_klein {display: none;}
#slider_gross {display: none;}
#main_inhalt .container #content {
	padding: 0;
	padding-top: 20px;
}
header .container {padding: 0;  border-bottom: 1px dotted #000;}

header .container div:nth-child(1) section:nth-child(1) img {
max-width: 80%;
height: auto;
}

header .container div:nth-child(1) {
	padding: 0;
	margin-bottom: 15px;
}

/* ------------ MAIN HEADER -------------- */

#main_header {
	background: #fff;
}

#main_header .container {
	padding: 0;
	text-align: left;
	padding-bottom: 20px;
	padding-top: 20px;
	border-bottom: 1px dotted #000;
}

#main_header .container section a {
	 text-decoration: none;
	 color: #000;
	 display: inline;
	 background: #fff;
	 padding: 0;
	 border-radius: 0;
	 -moz-border-radius: 0;
	 -webkit-border-radius: 0;
	 margin-bottom: 0;
}

#main_header .container section a:hover {
	 background: #ccc;
}

#main_header .container section h1 {
	font-size: 1.2em;
	font-weight: normal;
	padding-bottom: 5px;
}

#main_header .container div section:nth-child(2) {
	margin-top: 0;
	margin-left: 50px;
}

#main_header .container div:nth-child(2) {
	display: none;
}

#main_header .container div section {
	color: #000;
	font-size: 0.9em;
	float: left;
}

#main_inhalt .container #content p {
	font-size: 0.9em;
}
#main_inhalt .container #content h1 {
	font-size: 1.5em;
	margin-bottom: 15px;
}

a.linkpdf,
a.linkmail,
a.linktel {
	background-color: #fff;
	padding: 0;
	display: inline;
	color: #0000ff;
	font-size: 1em;
	text-decoration: underline;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin-top: 0;
	margin-bottom: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

a.linkpdf:before,
a.linktel:before,
a.linkmail:before {
	 content: none;
}
}