/*
Theme Name: NOE.lebenswertes.land
Theme URI: http://noe.lebenswertes.land
Author: Clemens Latty
Description: Beschreibung fehlt
Version: 1.0
License: Copyright by Trust Enterprises GmbH
*/
.textwidget {text-align: justify; font-size:80%;}


/* ==================================================== */
/* Reset CSS */
/* ==================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
    margin: 0;
	padding: 0;
	vertical-align: baseline;
}

/* ==================================================== */
/* HTML5 display-role reset for older browsers */
/* ==================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}

body {
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

button, input, select, textarea {
	font-size: 100%;
	overflow: visible;
	margin: 0;
	vertical-align: baseline;
	width: 100%;
}

textarea {
	overflow: auto;
	vertical-align: text-top;
}

/* ==================================================== */
/* Horizontal Rule */
/* ==================================================== */

hr {
	background: #ddd;
	border: none;
	clear: both;
	color: #ddd;
	float: none;
	height: 1px;
	width: 100%;
}

hr.space {
	background: #fff;
	color: #fff;
}

/* ==================================================== */
/* Base */
/* ==================================================== */
body {
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	color: #333;
	font-family: sans-serif;
	letter-spacing: 0.05em;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
html, body {
		margin:0;
		padding:0;
		height:100%;
}

.borderbox {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}

/* ==================================================== */
/* Typography */
/* ==================================================== */

p {  
    word-wrap: break-word;
}

i,
em,
dfn,
cite {
	font-style: italic;
}

tt,
var,
pre,
kbd,
samp,
code {
	font-family: monospace, serif;
	font-style: normal;
}

b,
strong {
	font-weight: 700;
}

pre {
    -moz-box-sizing: border-box;   
	-moz-border-radius: 2px;
	-moz-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0,0,0,0.2);
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0,0,0,0.2);
    -webkit-box-sizing: border-box;
	box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0,0,0,0.2);
    box-sizing: border-box;
	background: #f4f4f4;
	border: 1px solid #aaa;
	border-bottom-color: #ccc;
	border-radius: 2px;
    height: auto;
	margin: 0;
	outline: none;
	padding: 6px 10px;
	vertical-align: middle;
    width: 100%;
    word-wrap: break-word;
    white-space: pre-wrap;
}

del {
	color: #555;
	text-decoration: line-through;
}

ins, 
dfn {
	border-bottom: 1px solid #ccc;
}

sup, 
sub,
small {
	font-size: 85%;
}

abbr, 
acronym {
	font-size: 85%;
	letter-spacing: .1em;
	text-transform: uppercase;
}

a abbr, 
a acronym {
	border: none;
}

dfn[title],
abbr[title], 
acronym[title] {
	border-bottom: 1px solid #ccc;
	cursor: help;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}

/* ==================================================== */
/* 12 Column Grid */
/* ==================================================== */

.alignleft {float:left;}
.alignright {float:right;}

.grid-l {
	float: left;
	margin-bottom: 2.127659574468%;
	padding-top: 0;
}

.grid-r {
	float: right;
	margin-bottom: 2.127659574468%;
	padding-top: 0;
}

.col-1, 
.col-2, 
.col-3, 
.col-4, 
.col-5, 
.col-6, 
.col-7, 
.col-8, 
.col-9, 
.col-10, 
.col-11 {
	display:inline-block;
	margin-right: 1.5625%;
}
.col-1 {
	width: 6.90104166666667%;
}

.col-2 {
	width: 15.3645833333333%;
}

.col-3 {
	width: 23.828125%;
}

.col-4 {
	width: 32.2916666666667%;
}

.col-5 {
	width: 40.7552083333333%;
}

.col-6 {
	width: 49.21875%;
}

.col-7 {
	width: 57.6822916666667%;
}

.col-8 {
	width: 66.1458333333333%;
}

.col-9 {
	width: 74.609375%;
}

.col-10 {
	width: 83.0729166666667%;
}

.col-11 {
	width: 91.5364583333333%;
}

.col-12 {
	width: 100%;
}


.fit {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* ==================================================== */
/* Visibility */
/* ==================================================== */

.hidden {
    visibility: hidden;
}

.visible {
    visibility: visible;
}

.none {
    display: none;
}

.hide-desktop {
    display: none;
}

.show-desktop {
    display: block;
}

/* ==================================================== */
/* Images */
/* ==================================================== */

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
	height: auto;
	max-width: 100%;
    vertical-align: middle;
	image-rendering: optimizeQuality;
}

.ie8 img {
    height: auto; 
    width: auto\9; 
}

.ie8 img.size-large {
	max-width: 60%;
	width: auto;
}

/* ==================================================== */
/* Embeds/Objects */
/* ==================================================== */

embed,
object {
	max-width: 100%;
}

svg:not(:root) {
    overflow: hidden;
}

/* ==================================================== */
/* Links */
/* ==================================================== */

a {
	font-weight: 500;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #333;
    outline: 0;
	text-decoration: none;
}

::selection {
	background: #999;
    color: #fff;
	text-shadow: none;
}

/* ==================================================== */
/* Forms */
/* ==================================================== */

label {
	display: inline-block;
	font-weight: 700;
	padding: 2px 0;
}

legend {
	padding: 2px 5px;
}

fieldset {
	border: 1px solid #ccc;
	margin: 0 0 1.5em;
	padding: 1em 2em;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

 input[type=checkbox] { 
	float:left;
	width:auto;
	margin: 0 5px 5px 0;
} 
  
select, input[type=text], input[type=password], input[type=search], input[type=email] {
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	background-color: #fff;
	box-sizing: border-box;
	border: 1px solid #aaa;
	border-bottom-color: #ccc;
	border-radius: 10px;
	outline: none;
	padding: 14px 20px;
	vertical-align: middle;
	max-width:100%;
}

select {
	height: auto;
	padding: 14px 20px !important;
	background-image:
		linear-gradient(45deg, transparent 50%, gray 50%),
		linear-gradient(135deg, gray 50%, transparent 50%),
		linear-gradient(to right, #ccc, #ccc);
	background-position:
		calc(100% - 20px) calc(1em + 7.5px),
		calc(100% - 15px) calc(1em + 7.5px),
		calc(100% - 3.0em) 1em;
	background-size:
		5px 5px,
		5px 5px,
		1px 1.5em;
	background-repeat: no-repeat;
}

select:focus {
	background-image:
		linear-gradient(45deg, transparent 50%, gray 50%),
		linear-gradient(135deg, gray 50%, transparent 50%),
		linear-gradient(to right, #ccc, #ccc);
	background-position:
		calc(100% - 20px) calc(1em + 7.5px),
		calc(100% - 15px) calc(1em + 7.5px),
		calc(100% - 3.0em) 1em;
	background-size:
		5px 5px,
		5px 5px,
		1px 1.5em;
	background-repeat: no-repeat;
}


area,
textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
    background-color: #fff;
	box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	border: 1px solid #aaa;
	border-bottom-color: #ccc;
	border-radius: 10px;
	height: auto;
	overflow: auto;
	outline: none;
	padding: 8px 10px;
}

input, 
select {
	cursor: pointer;
}

area:focus,
input:focus, 
textarea:focus {
    border: 1px solid #6cf;
}

input[type=text], input[type=password] {
	cursor: text;
}

input.noe-button {
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	background: #302683; /* Old browsers */
	background: -moz-linear-gradient(top, #302683 0%, #0069b4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #302683 0%,#0069b4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #302683 0%,#0069b4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#302683', endColorstr='#0069b4',GradientType=0 ); /* IE6-9 */
	border-bottom-color: #ccc;
	border-radius: 10px;
	outline: none;
	padding: 14px 20px;
	vertical-align: middle;
	max-width:100%;
	color: #ffed00;
	font-weight:bold;
	
}

/* ==================================================== */
/* IE Forms /* 
/* ==================================================== */

.ie7 area, .ie7 select, .ie7 textarea, .ie7 input[type=text], .ie7 input[type=password] {
    max-width: 96%;
}

/* ==================================================== */
/* Info Boxes /* 
/* ==================================================== */

.info-box {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: block;
	margin: 20px 0;
	padding: 15px;
	text-align: left;
}

.alert {
	background-color: #faebeb;
	border: 1px solid #dc7070;
	color: #212121;
}

.address {
	background-color: #f6f5ef;
	border: 1px solid #cdc9a5;
	color: #212121;
}

.notice {
	background-color: #fbf9e9;
	border: 1px solid #e3cf57;
	color: #212121;
}

.success {
	background-color: #f9fde8;
	border: 1px solid #a2bc13;
	color: #212121;
}

.download {
	background-color: #fff4e5;
	border: 1px solid #ff9912;
	color: #212121;
}

.information {
	background-color: #eef3f6;
	border: 1px solid #6ca6cd;
	color: #212121;
}

.required {
	color: #d5243f;
}

/* ==================================================== */
/* IE6 Notice /* 
/* ==================================================== */

.msie-box {
	background-color: #f9edbe;
	border: 1px solid #f0c36d;
	color: #212121;
	display: block;
	margin: 0 auto;
	max-width: 960px;
	padding: 10px;
	position: absolute;
	top: 60px;
	text-align: center;
	width: 100%;
}

.msie-box a {
	color: #212121;
}
/* ==================================================== */
/* Tables /* 
/* ==================================================== */

th, 
td,
table {
	border: 1px solid #ddd;
}

table {
	border-collapse: collapse;
	width: 100%;
}

/* ==================================================== */
/* Lists */
/* ==================================================== */

ul {
	list-style-type: disc;
    margin: 0;
    padding: 0;
}

ol {
    margin: 0;
    padding: 0;
}

dt {
	font-weight: 400;
}

/* ==================================================== */
/* Blockquote */
/* ==================================================== */

blockquote {
	background: #f9f9f9;
	border: none;
	border-left: 4px solid #d6d6d6;
	margin: 20px;
	overflow: auto;
	padding: 0 0 10px 12px;
}

blockquote p {
	font-family: 'Georgia', 'Times New Roman', Times, serif;
	font-style: italic;
	font-size: 18px;
	line-height: 26px;
}
/* ==================================================== */
/* Headings */
/* ==================================================== */

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: 300;
	line-height: 1.0em;
    word-wrap: break-word;
}

h1 {
    font-size: 3.250em; /* = 42px */
    margin-bottom: .5em;
    margin-top: .5em;
}

h2 {
    font-size: 2.250em; /* = 36px */
    margin-bottom: .75em;
    margin-top: .75em;
}

h3 {
    font-size: 1.875em; /* = 30px */
    margin-bottom: .857em;
    margin-top: .857em;
}

h4 {
    font-size: 1.500em; /* = 24px */
    margin-bottom: 1em;
    margin-top: 1em;
}

h5 {
    font-size: 1.125em; /* = 18px */
    margin-bottom: 1.125em;
    margin-top: 1.125em;
}

h6 {
    font-size: 1.000em; /* = 16px */
    margin-bottom: 1.285em;
    margin-top: 1.285em;
}

/* ==================================================== */
/* Margins & Paddings */
/* ==================================================== */
p, 
hr, 
dl, 
pre,
form,
table,
address, 
blockquote {
	margin: 1.6em 0;
}

th, td {
	padding: .8em;
}

caption {
	padding-bottom: .8em;
}

blockquote {
	padding: 0 1em;
}

blockquote:first-child {
	margin: .8em 0;
}

fieldset {
	margin: 1.6em 0;
	padding: 0 1em 1em;
}

legend {
	padding-left: .8em;
	padding-right: .8em;
}

legend+* {
	margin-top: 1em;
}

input,
textarea {
	padding: .3em .4em .15em;
}

select {
	padding: .1em .2em 0;
}

option {
	padding: 0 .4em;
}

dt {
	margin-bottom: .4em;
	margin-top: .8em;
}


ul {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
}

ul,
ol {
    margin: 0 1.5em 1.5em 0;
    padding-left: 2.0em;
}

li ul,
li ol {
    margin: 0;
}

form div {
	margin-bottom: .8em;
}

/* ==================================================== */
/* Floats */
/* ==================================================== */

.fl-left {
	float: left;
}

.fl-right {
	float: right;
}

/* ==================================================== */
/* Tooltip */
/* ==================================================== */

a.tooltip {
	position: relative;
	text-decoration: none;
}
a.tooltip:after {
    content: attr(data-tooltip);
    position: absolute;
	min-width: 100px;
    bottom: 150%;
    right: -65px;
    background: #333;
    padding: 5px 15px;
	text-align:center;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius   : 10px;
    border-radius        : 10px;
    white-space: nowrap;
    opacity: 0;
     /* At time of this creation, only Fx4 doing pseduo transitions */
    -webkit-transition: all 0.4s ease;
    -moz-transition   : all 0.4s ease;
}
a.tooltip:hover:after {
    bottom: 130%;
}
a.tooltip:hover:after, a:hover:before {
    opacity: 1;
}

/* ==================================================== */
/* Widgets */
/* ==================================================== */

.widget {
	padding:0 5%;
	width:90%;
}

/* Login and Register Widget */

.login-register-widget {
	background:#333;
}

.login-register-widget li a,
.login-register-widget li a:link{
	color:#fff;
}

.login-register-widget li a:hover{
	color:#ddd;
}

.login-register-widget li li a,
.login-register-widget li li a:link{
	color: #999;
}

/* Niederösterreich Logo Widget */

.noe-logo {
	display:block;
	position: absolute;
	bottom:50px;
	left:20px;
	width:20%;
}

/* Testimonial Widget */

.testimonials-front-page {
	position:absolute;
	top:150px;
	right:75px;
	width:25%;
	padding: 1% 0;
	border: 4px solid #ddd;
	float:left;
	background-color:#fff;
	border-radius: 25px;
	-webkit-transform: rotate(-7deg);
	-moz-transform: rotate(-7deg);
	-o-transform: rotate(-7deg);
	-ms-transform: rotate(-7deg);
	transform: rotate(-7deg);
}

.testimonial-row {
	width:90%;
	padding:1% 5%;
	float:left;
	display:block;
}
.testimonial-row:after {clear:both;}
.testimonial-row img {
	float:left;
	width:90px;
	padding: 0px 10px 10px 0px;
	border-radius: 5px;
}
.testimonial-name {
	font-weight:bold;
	color: #302683;
	font-size:100%;
}
.testimonial-title {
	font-size:75%;
}
.testimonial-row p {
	font-size:75%;
	font-style:italic;
	color:#666;
}

/* ==================================================== */
/* Div Table */
/* ==================================================== */

.div-table {display:table;}
.div-table-row {display:table-row;}
.div-table-cell {display:table-cell; padding:5px;}
.div-table-cell-group {display:table-cell-group; padding:5px;}

/* ==================================================== */
/* Globals */
/* ==================================================== */

#header-container {
}

#content-container{
}

#footer-container{
	position:absolute;
	bottom:-45px;
	width:98%;
	padding:0% 1%;
	background:#212121;
	height:45px;
	font-size:75%;
}

#global-wrapper {
	min-height:100%;
	width:100%;
	position:absolute;
	display:block;
	background: url('images/BG_bottomright.png') bottom right no-repeat, url('images/BG_topleft.png') top left no-repeat;
	background-size: 25%, 17%;
	margin:0;
	Padding:0;
	overflow:hidden;
}

#main-content-wrapper {
	margin-top: 60px;
	float:left;
	width:96%;
	padding:2%;
}

.clear {clear: both;}


/* ==================================================== */
/* Header-Area */
/* ==================================================== */

.main-header {
	background-color:#fff;
	border-bottom: 1px solid #ddd;
	position: fixed;
	height:50px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	z-index:9999;
}
.header-logo {
	text-align:center;
	padding-left:5%;
	float:left;
}

/* ==================================================== */
/* Main Navigation */
/* ==================================================== */

@media screen and (max-width: 779.99999999px) {

	.nav-collapse,
	.nav-collapse ul {
	  list-style: none;
	  float: right;
	  width:100%;
	}

	.nav-collapse li {
	  float: left;
	  width: 100%;
	}
	ul.login-register-widget a {
		background:none;
		border-bottom: none;
		
	}

	.nav-collapse ul {
	  margin: 0;
	  padding: 0;
	  width: 100%;
	  display: block;
	  list-style: none;
	}

	.nav-collapse li {
	  width: 100%;
	  display: block;
	}

	.js .nav-collapse {
	  clip: rect(0 0 0 0);
	  max-height: 0;
	  position: absolute;
	  display: block;
	  overflow: hidden;
	  zoom: 1;
	}

	.nav-collapse.opened {
	  max-height: 9999px;
	}

	.nav-toggle {
	  -webkit-tap-highlight-color: rgba(0,0,0,0);
	  -webkit-touch-callout: none;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  -o-user-select: none;
	  user-select: none;
	}

	.nav-collapse a {
	  color: #302683;
	  text-decoration: none;
	  width: 100%;
	  background: #fff;
	  border-bottom: 1px solid #eee;
	  padding: 0.7em 1em;
	  float: left;
	}

	.nav-collapse .alt a {
	  background: #555;
	}

	.nav-collapse ul ul a {
	  padding-left: 2em;
	}

	.nav-toggle {
	  -webkit-touch-callout: none;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	  width: 50px;
	  height: 50px;
	  float: right;
	  text-indent: -9999px;
	  overflow: hidden;
	  background: #302683 url("hamburger.gif") no-repeat 50% 50%;
	}

}

@media screen and (min-width: 780px) {
	.js .nav-collapse.closed {
		max-height: none;
	}
	.nav-toggle {
		display: none;
	}
	.nav-collapse {
		display: block;
		list-style-type: none;
		float:right;
		width: auto;
		list-style: none;
	}
	.nav-collapse ul {
		float:left;
		width: auto;
		list-style: none;
		margin:0 !important;
		padding:0 !Important;
	}

	.nav-collapse li {
		float: left;
		position: relative;
		height:50px;
		line-height:50px;
		border-right:1px solid #ddd;
	}

	.nav-collapse li:hover {
		white-space: normal;
		z-index: 10000;
	}


	.nav-collapse a {
		color: #999;
		cursor: pointer;
		display: block;
		font-size: 13px;
		width:auto;
		text-decoration: none;
		padding: 0px 25px;
	}

	.nav-collapse a:hover {
		color: #302683;
		transition: color 0.5s;
		-moz-transition: color 0.5s; /* Firefox 4 */
		-webkit-transition: color 0.5s; /* Safari and Chrome */
		-o-transition: color 0.5s; /* Opera */
	}

	.nav-collapse li.current_page_item>a:link,
	.nav-collapse li.current-menu-item>a:link ,
	.nav-collapse li.current-menu-parent>a:link,
	.nav-collapse li.current-post-parent>a:link{
		color: #333333;
	}
	.nav-collapse li ul {
		right:0;
		position: absolute;
		top: 0;
		visibility: hidden;
		z-index: 10;
		background-color:#fff;
	}
	.nav-collapse li ul {
		border-top: 2px solid #302683;
		border-right: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
		border-left: 1px solid #e5e5e5;
		margin: 0px;
		padding: 0px;
		min-width:100%;
	}
		
	.nav-collapse li:hover > ul {
		top: 100%;
		visibility: visible;
	}
	.nav-collapse li li {
		border:0;
		background:#fff;
		width:100%;
		margin:0px;
		height:auto !important;
		line-height:auto !important;
	}

	.nav-collapse li li:hover {
		background:#ddd;
	}
	.nav-collapse li li a {
		border: none;
		color: #999;
		text-shadow: none;
		white-space: nowrap;
	}

	.nav-collapse li li a:hover {
		border: none;
		color: #333;
		filter: none;
	}

}
@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  .nav-toggle {
    background-image: url("hamburger-retina.gif");
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    -o-background-size: 100px 100px;
    background-size: 100px 100px;
  }
}




/* ==================================================== */
/* Content-Area */
/* ==================================================== */

/* Content */

.main-content,
.sidebar-left,
.sidebar-right {
	float: left;
	margin-bottom: 2.127659574468%;
	padding-top: 0;
}

	/* Suchergebnisse */
	
	.article-wrapper{
		width:33.333333333%;
		padding-bottom:45%;
		position:relative;
		float:left;
	}
	.article-content{
		height:96%;
		position: absolute;
	}
	
	.article-content, .article-name, .article-contact, .article-benefit {
		width:96%;
		padding:2%;
		font-size:85%;
		float:left;
	}
	
	.article-logo{
		width:100%;
		height:40%;
		background-color:#fff;
		display:table;
		background-size:100%;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.article-logo-hover {display:none;}
	.article-content:hover .article-logo-hover{
		display:table-cell;
		text-align:center;
		vertical-align:middle;
		width:100%;
		height:100%;
		background:rgba(48,38,131,0.8);
		font-weight:bold;
		font-size:100%;
		color:#ffdd00;
	}
	.article-logo-hover .article-category {
		position:absolute;
		top:10px;
		left:10px;
	}
	.article-name{
		height:11%;
		background:#eee;
		border-bottom:1px solid #302683;
		display: table;
	}
	.article-name b,
	.article-benefit i {
		display: table-cell;
		vertical-align:middle;
	}
	.article-contact {
		height:26%;
		background:#eee;
	}
	.article-contact p {padding:0px; margin:0 0 5px 0;}
	.article-benefit {
		height:11%;
		background-color:#302683;
		color:#ffdd00;
		display:table;
		text-align:center;
	}

.content-wrapper {
	padding: 2%:
}
	

/* ==================================================== */
/* Footer-Area */
/* ==================================================== */

/* Footer Menu */

#footer-container .footer-menu {
	display: block;
	margin: 0;
	float:left;
	padding:10px;
}

#footer-container .footer-menu ul {
	list-style-type: none;
	float:left;
}
#footer-container .footer-menu li {
	float:left;
	margin: 0 !Important;
	line-height:normal;
	padding:0 20px;
}

#footer-container .footer-menu a {
	color: #fff;
	margin: 0 !Important;
	padding: 0 !Important;
	text-decoration: none;
	line-height: 25px;
}

#footer-container .footer-menu a:hover {
	color: #aaa;
	transition: color 0.5s;
	-moz-transition: color 0.5s; /* Firefox 4 */
	-webkit-transition: color 0.5s; /* Safari and Chrome */
	-o-transition: color 0.5s; /* Opera */
}

#footer-container .footer-menu li.current_page_item>a:link,
#footer-container .footer-menu li.current-menu-item>a:link ,
#footer-container .footer-menu li.current-menu-parent>a:link,
#footer-container .footer-menu li.current-post-parent>a:link{
	color: #333333;
}

/* Footer Copyright */

#footer-container .copyright {
	color: #fff;
	display:block;
	float:right;
	line-height: 25px;
	padding:10px;
}
#footer-container .copyright a,
#footer-container .copyright a:link {
	color: #fff;
}

/* ==================================================== */
/* Detail Page */
/* ==================================================== */

/* HEADER */

.detail-page-header {
	background:#333;
	float:left;
	position:fixed;
	display:block;
	width:100%;
	height:45px;
	z-index:999;
}

.detail-page-back-button {
	color:#fff;
	background:#302683;
	line-height:45px;
	padding: 0 35px;
	font-weight:bold;
	float:left;
}
.detail-page-back-button:hover {
	color:#ffdd00;
}
.detail-page-name-slogan {
	color:#fff;
	line-height:45px;
	padding:0 1%;
	font-weight:bold;
	float:right;
}

/* SLIDER */

.detail-page-slider {
	background-repeat: no-repeat;
	background-size:cover;
	display: table;
	width:100%;
}
.detail-page-slider-content {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	z-index:99;
	overflow: hidden;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.4);
}
.detail-page-slider h1 {
	color:#fff;
}
.detail-page-slider h3 {
	color:#fff;
}


/* CONTENT */

.detail-page-content {
	margin:0 !important;
	padding:0 !Important;
}

.detail-page-content .company-details{
	width:100%;
	display:table;
	background:#f5f5f5;
}
.detail-page-content .company-details a,
.detail-page-content .company-details a:link,
.detail-page-content .company-details a:visited{
	text-decoration:none;
	color:#333;
}
.detail-page-content .company-details a:hover,
.detail-page-content .company-details a:active{
	color:#302683;
}
.company-details-address,
.company-details-contact,
.company-details-hours,
.company-details-benefit {
	width:25%;
	display:table-cell;
	background:#f5f5f5;
	padding:25px;
	vertical-align:middle;
}
.company-details-address,
.company-details-contact,
.company-details-hours {
	border-right:1px solid #fff;
}
ol.social-links {
	list-style:none; 
	float:left; 
	margin:0; 
	padding:0;
}
ol.social-links li {
	float:left;
	padding:10px;
}
.company-details-logo {
	max-width:80%;
	padding-top:80%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	margin: 0 auto;
}
.detail-page-content .company-content {
	width:100%;
	float:left;
}
.company-content-main{
	max-width:960px;
	margin: 50px auto;
	display:block;
	padding:20px;
	text-align: justify;
	/*Silbentrennung*/
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
	
.company-content-main img {padding:10px;}
		
.detail-page-ticker{
	background:red;
}

.company-map {
	width:100%;
	padding:0 !important;
	margin:0 !important;
}


/* FOOTER */
	
.detail-page-footer {
	width:98%;
	padding:1% 1%;
	background:#333;
	color:#fff;
	text-align:center;
	margin:0 !important;
	font-size:75%;
}

.detail-page-footer a{
	color: #fff;
	font-weight:bold;
}



/* ==================================================== */
/* Keyframes */
/* ==================================================== */

@-webkit-keyframes 	slider_fromleft{ 0% {left:10%; opacity:0; } 100% {left: 0; opacity:1; }}
@-moz-keyframes 	slider_fromleft{ 0% {left:10%; opacity:0; } 100% {left: 0; opacity:1; }}
@-o-keyframes 		slider_fromleft{ 0% {left:10%; opacity:0; } 100% {left: 0; opacity:1; }}
@-ms-keyframes 		slider_fromleft{ 0% {left:10%; opacity:0; } 100% {left: 0; opacity:1; }}
@keyframes 			slider_fromleft{ 0% {left:10%; opacity:0; } 100% {left: 0; opacity:1; }}

@-webkit-keyframes 	slider_fromright{ 0% {right:10%; opacity:0; } 100% {right: 0; opacity:1; }}
@-moz-keyframes 	slider_fromright{ 0% {right:10%; opacity:0; } 100% {right: 0; opacity:1; }}
@-o-keyframes 		slider_fromright{ 0% {right:10%; opacity:0; } 100% {right: 0; opacity:1; }}
@-ms-keyframes 		slider_fromright{ 0% {right:10%; opacity:0; } 100% {right: 0; opacity:1; }}
@keyframes 			slider_fromright{ 0% {right:10%; opacity:0; } 100% {right: 0; opacity:1; }}

@-webkit-keyframes 	slider_frombottom{ 0% {bottom:10%;} 100% {bottom: 0;}}
@-moz-keyframes 	slider_frombottom{ 0% {bottom:10%;} 100% {bottom: 0;}}
@-o-keyframes 		slider_frombottom{ 0% {bottom:10%;} 100% {bottom: 0;}}
@-ms-keyframes 		slider_frombottom{ 0% {bottom:10%;} 100% {bottom: 0;}}
@keyframes 			slider_frombottom{ 0% {bottom:10%;} 100% {bottom: 0;}}

@-webkit-keyframes 	slider_fromtop{ 0% {top:10%;} 100% {top: 0;}}
@-moz-keyframes 	slider_fromtop{ 0% {top:10%;} 100% {top: 0;}}
@-o-keyframes 		slider_fromtop{ 0% {top:10%;} 100% {top: 0;}}
@-ms-keyframes 		slider_fromtop{ 0% {top:10%;} 100% {top: 0;}}
@keyframes 			slider_fromtop{ 0% {top:10%;} 100% {top: 0;}}

.from_left {animation:slider_fromleft 2.5s;-webkit-animation:slider_fromleft 2.5s;}
.from_right {animation:slider_fromright 2.5s;	-webkit-animation:slider_fromright 2.5s;}
.from_bottom {animation:slider_frombottom 2.5s;-webkit-animation:slider_frombottom 2.5s;}
.from_top {animation:slider_fromtop 2.5s;-webkit-animation:slider_fromtop 2.5s;}

.from_left, .from_right, .from_bottom, .from_top {
	position:relative;
}


.sitemessage {
  display: inline-block;
  white-space: nowrap;
  animation: floatText 15s infinite linear;
  padding-left: 100%; /*Initial offset*/
  line-height:75px;
  color:#fff;
  font-size:125%;
  font-weight:bold;
}

.sitemessage:hover {
  animation-play-state: paused;
}

@keyframes floatText {
  to {
    transform: translateX(-100%);
  }
}


/* ==================================================== */
/* Media Print
    If you're working on a Child Theme, make sure that all
	media queries are included in your style.css
/* ==================================================== */

@media print {

    h1 {
	    page-break-before: always;
    }

    h1,  h2,  h3,  h4,  h5,  h6 {
	    page-break-after: avoid;
    }

    ul,  ol,  dl {
	    page-break-before: avoid;
    }
}

/* ==================================================== */
/*	Retina (HiDPI) Display */
/*  http://www.quirksmode.org/blog/archives/2012/06/devicepixelrati.html */
/* ==================================================== */

@media 
    only screen and (-moz-min-device-pixel-ratio:1.5), 
    only screen and (-o-min-device-pixel-ratio:3/2), 
    only screen and (-webkit-min-device-pixel-ratio:1.5), 
    only screen and (min-device-pixel-ratio:1.5) {
    
    body {}
}

/* ==================================================== */
/* Mobile Design
/* ==================================================== */
@media screen and (max-width: 1380px) {
	.article-wrapper{
		padding-bottom:65%;
	}
	
}


@media screen and (max-width: 1180px) {

	.main-content,
	.sidebar-left,
	.sidebar-right {float:none; width:100%; margin-right:0;}
}

@media screen and (max-width: 980px) {

    body {}
		
    
    .top-widget{
        margin-top: 0 !important;
    }
    
	.hide-980 {
        display: none;
    }
    
    .show-980 {
        display: block;
    }

	.grid-l, .grid-r {float: none;}
	
    .col-1, 
	.col-2, 
	.col-3, 
	.col-4, 
	.col-5, 
	.col-6, 
	.col-7, 
	.col-8, 
	.col-9, 
	.col-10, 
	.col-11 {width:100%; margin-right:0;}

	.front-page-content{
		width: 50% !important;
		margin: 0 25% !important;
	}
	
	.company-details-address,
	.company-details-contact,
	.company-details-hours,
	.company-details-benefit {
		width:48%;
		display:block;
		padding:1% !important;
		margin:0 !important;
		float:left;
		border:none !important;
	}
	.company-details-address:after,
	.company-details-contact:after,
	.company-details-hours:after,
	.company-details-benefit:after {clear:both;}
	
	.detail-page-content .company-details{
		display:block;
		float:left;
	}
}

@media screen and (max-width: 780px) {
	.grid-l, 
	.grid-r {
	    float: none;
    }
	.article-wrapper{
		width:50%;
	}
	.article-wrapper{
		padding-bottom:75%;
	}
	
	.front-page-content{
		width: 75% !important;
		margin: 0 12.5% !important;
	}
	

}

@media screen and (max-width: 480px) {

    body {}

    .grid-l, 
	.grid-r {
	    float: none;
    }
		
	
    .hide-480 {
        display: none;
    }
    
    .show-480 {
        display: block;
    }
	.company-details-address,
	.company-details-contact,
	.company-details-hours,
	.company-details-benefit {
		width:100%;
	}
	
	.article-wrapper{
		width:100%;
	}
	
	.article-wrapper{
		padding-bottom:100%;
	}
}

@media screen and (max-width: 320px) {
    
    body {}
	
    .hide-320 {
        display: none;
    }
    
    .show-320 {
        display: block;
    }
}

@media screen and (max-width: 240px) {
    
    body {}
	    
    .hide-240 {
        display: none;
    }
    
    .show-240 {
        display: block;
    }
	
}