/* HTML5 ✰ Boilerplate */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, summary, time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display:block;
}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
body, select, input, textarea { color: #444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #333; }
a:hover { color: #444; }
ul, ol { margin: 0 0 1.8em 1.8em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
textarea { overflow: auto; }
.ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
::-moz-selection{ background: #441010; color:#fff; text-shadow: none; }
::selection { background:#441010; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #441010; }
button { width: auto; overflow: visible; }
/* Site Specific Styles */
html {
background:#fff;
transition:all .5s;
}
body {
box-shadow:0 0 3px rgba(0,0,0,.15);
border-right:1px solid #ddd;
border-left:1px solid #ddd;
border-radius:4px;
margin:5px auto;
min-width:960px;
width:960px;
font:13px/18px sans-serif;
color:#222;
background:white;
background:rgba(255,255,255,.95);
background:url(img/bg.gif) repeat-y;
border-top:2px solid #fff;
}
noscript {
margin:150px auto;
padding:20px;
font-size:1.1em;
text-shadow:0 1px #fff;
background:#ccc;
}
.js noscript {
display:none;
}
a {
text-decoration:none;
}
#content a {
text-decoration:underline;
color:#d00;
position:relative;
transition:all .5s linear .5s;
cursor: pointer;
}
.alignleft {
float:left;
margin:0 10px 10px 0;
}
.aligncenter {
margin:auto;
}
.alignright {
float:right;
}
header {
height:70px;
width:100%;
border-bottom:25px solid #000;
background:url('img/lpv-header.png') no-repeat 0 50% #fff;
position:relative;
border-radius:4px 4px 0 0;
}
#logo {
background:url('img/lpv-header.png') no-repeat 0 50% #fff;
width:320px;
height:100%;
display:block;
}
#logo_sev {
background:url('img/lpv-header.png') no-repeat 0 right #fff;
bottom: 0;
position: absolute;
right: 0;
top: 0;
width: 385px;
}
#loading {
position:absolute;
left:225px;
top:125px;
z-index:5;
}
nav {
float:left;
width:189px;
/* background:#fff; */
color:#717171;
text-align:right;
min-height:600px;
border-right:1px solid #717171;
}
#kontaktadresse {
margin:15px 5px 10px;
font-size:12px;
line-height:20px;
}
#nav>li>a {
background:url('img/sidenav.png') repeat-x scroll top transparent;
color:#717171;
display:block;
font-weight:bold;
height:38px;
line-height:28px;
padding:0 7px 0 0;
text-shadow:0 1px #fff;
text-transform:uppercase;
font-size:14px;
border-top:1px dotted #717171;
position:relative;
transition:all .5s ease;
}
#nav>li>a:hover {
background-image:linear-gradient(#e1e1e1,#ffffff);
box-shadow:inset 0 2px 4px rgba(0,0,0,.3);
}
#nav a:focus {
outline:none;
}
.ui-state-active, #nav>li>a.last {
border-bottom:1px dotted #717171;
}
#nav>.current-page-item>a,
#nav>.current-page-parent>a {
color:#222;
}
#nav>li>a>span+span {
text-transform:none;
font-weight:normal;
position:absolute;
top:14px;
right:7px;
font-size:11px;
}
.sub-menu {
padding:8px 10px;
display:none;
}
.sub-menu a {
font-size:11px;
color:#5e5e5e;
display:block;
line-height:15px;
}
.sub-menu a.current-sub-element {
color:#d00;
position:relative;
right:-11px;
padding-right:7px;
border-right:4px solid #d00;
}
#servicenav {
width:189px;
background:url('img/servicenav.png') repeat-x scroll top #000;
overflow:hidden;
height:24px;
margin:-25px 0 0;
border-top:1px solid #000;
border-right:1px solid #333;
position:relative;
}
#servicenav li {
float:left;
}
#servicenav a {
color:#fff;
text-shadow:0 -1px #333;
float:left;
border-left:1px solid #333;
width:62px;
text-align:center;
line-height:22px;
}
#langSwitcher {
background:url('img/servicenav.png') repeat-x scroll top #000;
position:absolute;
right:-235px;
top:-25px;
width:235px;
border-right:1px solid #333;
}
#langSwitcher .lang {
color:#fff;
text-shadow:0 -1px #333;
float:left;
border-left:1px solid #333;
width:77px;
text-align:center;
line-height:24px;
cursor:pointer;
text-decoration:none;
transition:background .5s ease 1s;
}
#langSwitcher .lang.deactivated,
#langSwitcher .lang.deactivated:hover,
#langSwitcher .lang.deactivated:focus,
#langSwitcher .lang.deactivated:active {
opacity:.5;
background:none;
cursor:default;
}
#langSwitcher .lang:first-child {
width:78px;
}
#langSwitcher .lang:hover {
color:#fff;
}
#menu-item-695 a {
background:rgba(255,0,0,.3);
cursor:pointer;
transition:background .5s ease 1s;
}
#menu-item-695 a:hover,
#langSwitcher .lang:hover {
background:rgba(255,0,0,.5);
transition:background .3s ease .2s;
}
#menu-item-695 a:active
#langSwitcher .lang:active {
background:rgba(255,0,0,.15);
}
footer {
width:920px;
height:18px;
line-height:18px;
clear:both;
background:#444;
background:linear-gradient(#444,#333);
color:#eee;
padding:3px 20px;
border-radius:0 0 4px 4px;
font-size:12px !important;
margin:0 0 0 -1px;
border-right:1px solid #333;
border-left:1px solid #333;
border-bottom:1px solid #333;
border-top:1px solid #fff;
}
#content {
border-left:1px solid #717171;
margin:0 0 0 -1px;
opacity:0;
padding:15px 20px;
float:left;
position:relative;
z-index:10;
background:#fff;
width:495px;
min-height:100px;
min-width: 495px;
}
#content h1 {
font-size:18px;
margin:0 0 20px;
max-width:500px;
}
#content h2 {
font-size:15px;
margin:0 0 20px;
max-width:500px;
}
#content h1 a {
color:#222;
text-decoration:none;
}
#content h1 a span {
text-decoration:none;
position:static;
text-shadow:0 1px #eee;
color:#222;
}
#content p {
margin:0 0 15px;
}
#content .post {
width:240px;
position:relative;
float:left;
font-size:13px;
border-bottom:1px dotted #aaa;
padding:0 0 30px;
margin:0 0 15px;
}
#content .post .date {
margin:0 0 5px;
font-size:.9em;
color:#666;
}
.single_date {
font-size:12px;
color:#333;
margin:-10px 0 0;
display:block;
}
#content .post.even {
margin:0 15px 15px 0;
}
#content.single .post {
width:100%;
margin:0;
float:none;
height:auto;
}
#content a img {
max-width:480px;
height:auto;
box-shadow:0 2px 5px rgba(0,0,0,.1);
border:1px solid #c4c4c4;
padding:4px;
}
#content img.alignleft {
margin:0 10px 0 0 !important;
}
#content a.more {
position:absolute;
right:5px;
bottom:5px;
display:block;
}
#slider {
height:232px;
overflow:hidden;
width:349px;
position:absolute;
top:-232px;
left:0;
background:#222;
}
#slider a img {
width: 350px;
height: 232px;
}
#slider_nav {
border-right:1px solid #ddd;
position:absolute;
top:-232px;
right:0;
height:232px;
width:185px;
background:#bbb;
background:linear-gradient(#ddd,#eee);
}
#slider_nav .slide {
display:block;
padding:5px;
height:67px;
.linear-gradient(#e7e7e7,#d0d0d0);
font-size:12px;
cursor:pointer;
text-decoration:none;
color:#333;
text-shadow:0 1px #fff;
.transition(all,.5s);
opacity:.7;
}
#slider_nav .slide.activeSlide {
.linear-gradient(#f7f7f7,#f2f2f2);
opacity:1;
}
#slider .artikelbild {
border:none;
box-shadow:none;
padding:0;
}
#content.home {
margin-top:232px;
}
#content.home #langSwitcher {
top:-257px;
}
#agenda {
float:right;
background:#f0eeef;
padding:5px;
width:225px;
min-height:200px;
}
.login {
padding:5px;
width:225px;
float:right;
clear:right;
}
@login_label_color:#bbb;
.login label {
color:#444;
text-align:center;
display:block;
font-size:12px;
margin:0 0 -3px;
padding:4px 0;
border-top:1px solid @login_label_color;
border-left:1px solid @login_label_color;
border-right:1px solid @login_label_color;
border-radius:2px;
width:223px;
}
.login input,
.login button,
button {
display:block;
width:215px;
max-width:215px;
min-width:215px;
border:1px solid #bbb;
padding:4px;
border-radius:2px;
margin:0 0 5px;
}
.login button,
button {
width:225px;
max-width:225px;
min-width:225px;
text-shadow:0 1px #fff;
background:#fff;
.linear-gradient(#fff,#eee);
box-shadow:0 1px 2px rgba(0,0,0,.05);
.transition(all,.5s);
}
button {
width: 397px;
min-width: 397px;
max-width: 397px;
}
.login button:hover,
.login button:focus,
.login .forgotpw:hover,
.login .forgotpw:focus {
box-shadow:0 2px 2px rgba(0,0,0,.15);
}
.login button:active,
.login .forgotpw:active {
box-shadow:inset 0 2px 2px rgba(0,0,0,.15) !important;
}
#login-info {
margin:15px 5px 0;
padding:5px 5px 0;
width:215px;
min-height:20px;
border-top:1px solid #bbb;
border-bottom:1px solid #bbb;
}
.bold {
color:#000;
}
.login-error {
background:#FBDADA;
border: 1px solid #E4A2A2;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.08);
color: #FC0020;
margin: 5px 0 10px;
padding: 5px;
text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}
#userinfo {
margin:15px 0;
font-size:12px;
}
#login-info .forgotpw {
font-size:11px;
text-align:center;
display:block;
color:#666;
padding:3px 0;
border:1px solid #bbb;
border-radius:2px;
margin:0 0 5px;
text-shadow:0 1px #fff;
background:#fff;
.linear-gradient(#fff,#eee);
box-shadow:0 1px 2px rgba(0,0,0,.05);
.transition(all,.5s);
}
#login-info .forgotpw:hover {
box-shadow:0 2px 2px rgba(0,0,0,.15);
}
#login-info .forgotpw_title {
color:#444;
text-align:center;
display:block;
font-size:12px;
margin:0 0 -3px;
padding:4px 0;
border-top:1px solid @login_label_color;
border-left:1px solid @login_label_color;
border-right:1px solid @login_label_color;
border-radius:2px;
}
#logout {
margin:0 0 5px -5px !important;
}
/* formulare */
label {
background:#eee;
color:#444;
text-align:center;
display:block;
margin:0 0 -18px;
padding:4px 0;
border-top:1px solid @login_label_color;
border-left:1px solid @login_label_color;
border-right:1px solid @login_label_color;
width:395px;
border-radius:2px 2px 0 0;
}
#gm-contact-form label {
height: 35px;
}
input, textarea {
display:block;
border:1px solid #bbb;
padding:5px;
border-radius:2px;
margin:0 0 5px;
width:385px;
max-width:385px;
min-width:385px;
}
#gm-contact-copy {
float: left;
margin: 2px 5px 5px;
max-width: 10px;
min-width: 10px;
width: 10px;
}
#gm-contact-copytext {
margin: 15px 5px 5px 0;
}
.email-message,
.email-error {
border-radius:2px;
border:1px solid #e11;
background:#eee;
margin:0 0 10px;
padding:10px;
width:377px;
color:#e11;
}
.email-message {
border:1px solid #1e1;
color:darken(#1c1,20%);
}
select {
width: 397px;
padding: 4px;
margin: 0 0 20px;
border: 1px solid #222;
border-radius: 2px;
display: block;
font-size: 12px;
}
input[type=submit] {
width:395px;
max-width:395px;
min-width:395px;
font-weight:bold;
}
.wpcf7-response-output {
border: 1px solid hsl(0,0%,60%);
border-radius: 2px;
padding: 5px;
background: hsl(0,0%,93%);
width: 382px;
margin:0 0 20px;
}
.wpcf7-display-none {
display:none;
}
.em-calendar {
width:100%;
margin:auto;
border:1px solid #a6a6a6;
border-bottom:2px solid #a6a6a6;
text-align:center;
background:#fff;
}
.em-calendar-wrapper {
position:relative;
}
.em-calendar td{
padding:1px 2px;
border-right:1px solid #a6a6a6;
border-bottom:1px solid #a6a6a6;
font-size:12px;
}
.em-calendar td:hover {
background:linear-gradient(#f2f2f2,#ffffff);
cursor:pointer;
}
.eventful a,
.eventful-post a,
.eventful,
.eventful-post {
color:#d00;
background:#ededed;
}
.eventful-today,
.eventless-today,
.eventful-today a,
.eventless-today a{
font-weight:bold;
background:#D00;
color:#fff !important;
border:none;
}
.days-names {
font-weight:bold;
}
.eventless-pre,
.eventless-post {
opacity:.5;
}
#em-loading {
background:url('img/loading.gif') no-repeat 50% 50% #fff;
width:100%;
height:100%;
position:absolute;
z-index:3;
opacity:.8;
}
#em-wrapper li {
list-style:none;
margin:0 0 10px;
padding:4px 0;
border-bottom:1px solid #ddd;
}
.em-location-map,
.em-locations-map {
width: 495px !important;
height: 300px !important;
}
#tabs {
position:absolute;
top:-21px;
left:15px;
width:500px;
height:22px;
overflow:hidden;
}
.tabContent {
display:none;
}
#tabs .tabTitle {
float:left;
background:#fff;
background:linear-gradient(#e4e4e4,#ffffff);
margin:0 4px 0 0;
padding:1px 6px 2px;
min-width:40px;
font-size:12px;
color:#444;
font-weight:normal;
text-align:center;
text-shadow:0 1px #ccc;
box-shadow:inset 0 -2px 2px rgba(0,0,0,.2);
opacity:.7;
border-radius:1px 1px 0 0;
transition:all .3s;
text-decoration:none;
position:relative;
top:2px;
}
#tabs .tabTitle.active,
#tabs .tabTitle.active:hover,
#tabs .tabTitle:active,
#tabs .tabTitle:focus {
opacity:1;
box-shadow:none;
color:#222;
top:0;
}
#tabs .tabTitle:hover {
top:0;
opacity:.9;
color:#222;
}
.pdf {
background:url('img/pdf.png') top left no-repeat;
}
.zip {
background:url('img/zip.png') top left no-repeat;
}
.excel {
background:url('img/excel.png') top left no-repeat;
}
.word {
background:url('img/word.png') top left no-repeat;
}
.powerpoint {
background:url('img/powerpoint.png') top left no-repeat;
}
.pdf,.zip,.excel,.word,.powerpoint {
text-indent:22px;
display:inline-block;
}
.socialmedia {
color: #cdcdcd !important;
text-indent: 22px;
float: left;
}
#twitter {
background: url('img/twitter.png') no-repeat 0 0;
margin: 0 10px 0 0;
}
#facebook {
background: url('img/facebook.png') no-repeat 0 0;
}
#miux {
float:right;
color:#bbb;
}
#content .wp-caption {
height: 200px;
width: 155px !important;
}
.wp-post-image {
margin:0 0 5px;
}
/* Personen */
.person {
float:left;
height:275px;
width:149px;
padding:5px;
border-radius:2px;
border:1px solid #ddd;
overflow:hidden;
margin:0 0 5px;
box-shadow:0 2px 3px rgba(0,0,0,.05);
background:linear-gradient(#fcfcfc,#ffffff);
}
.person .wp-post-image {
float:left;
}
.person span {
margin:0;
}
.personen-funktion {
font-size: 13px;
line-height: 13px;
margin: 0 0 5px;
}
.personen-name {
font-weight:bold;
font-size: 14px;
margin: 0 0 5px;
}
.person:nth-child(3n-1) {
margin:0 5px 5px 5px;
}
.personen-tel b,
.personen-tel-p b {
float: left;
margin: 0 5px 0 0;
width: 10px;
}
/* Downloads */
#downloads,
#archiv {
list-style: none;
margin: 0;
}
#archiv>li,
#downloads .download-kategorie-wrapper {
background: #eee;
border: 1px solid #bbb;
color: #444;
padding: 4px;
margin: 0 0 3px;
box-shadow:0 1px 2px rgba(0,0,0,.05);
border-radius: 2px;
}
#archiv>li>div,
#downloads .download-kategorie-wrapper div {
cursor: pointer;
}
#archiv .artikel-list,
#downloads .download-kategorie {
display: none;
font-size: 12px;
font-weight: normal;
list-style: none;
text-decoration: none;
background: #f4f4f4;
color: #555;
margin: 5px 0 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-shadow: none;
}
#downloads .download-link {
position:relative;
}
#archiv .archiv>span {
background:rgba(0,0,0,.5);
border: 1px solid #555;
border-radius: 2px;
color: #fff;
cursor: pointer;
float: left;
margin: 0 10px 0 0;
text-align: center;
width: 85px;
}
#downloads .download-link span {
cursor: pointer;
position:absolute;
top:0;
right:0;
bottom:0;
background:rgba(0,0,0,.5);
color:#fff;
padding:3px 9px;
transition:all .5s;
}
#downloads .download-link span:hover {
background:rgba(0,0,0,.7);
}
#archiv ul>li,
#downloads .download-link a {
box-shadow:inset 0 1px 2px rgba(0,0,0,.05);
display: block;
border-bottom: 1px solid #c7c7c7;
padding: 3px 5px;
text-decoration: none;
background-position: 5px 3px;
}
#archiv ul>li {
padding:5px 0;
}
#downloads .download-link:last-child a {
border-bottom: none;
}
#downloads .description {
margin:10px 5px;
padding:15px;
background:#fff;
box-shadow:inset 0 2px 3px rgba(0,0,0,.15);
border:1px solid #ddd;
display:none;
}
#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img{ width:auto; height:auto; position:relative; outline:none; border:none; }
#supersized a { z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; display:block; }
@media print {
* { background: transparent !important; color: #444 !important; text-shadow: none !important; }
a, a:visited { color: #444 !important; text-decoration: underline; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
}
/* less.js */
.linear-gradient(@begin:black,@end:white,@switch:100%) {
background: @begin;
background: -webkit-gradient(linear, 0 0, 0 100%, from(@begin), color-stop(@switch, @end));
background: -moz-linear-gradient(top, @begin, @end @switch);
background: -o-linear-gradient(top, @begin, @end @switch);
background: linear-gradient(top, @begin, @end @switch);
}
.transition(
@what : all,
@length : 1s,
@easing : ease-in-out
) {
-webkit-transition: @what @length @easing;
-moz-transition: @what @length @easing;
-o-transition: @what @length @easing;
transition: @what @length @easing;
}