@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi),
(min-resolution: 1.5dppx) {
/* hiDPI stuff */
}
html {
/*height: 100%;*/ /* set viewport constraint */
min-height: 100vh; /* enforce height */
}
body::-webkit-scrollbar {
width: 15px; /* width of the entire scrollbar */
}
body::-webkit-scrollbar-track {
background: rgba(70,70,70,1) ; /* color of the tracking area */
}
body::-webkit-scrollbar-thumb {
background-color: rgba(230,230,230,1); /* color of the scroll thumb */
border-radius: 2px; /* roundness of the scroll thumb */
border: 2px solid white; /* creates padding around scroll thumb */
}
body {
/* font-family: 'Roboto Condensed', Arial, sans-serif;*/
/*font-family: roboto, sans-serif;
font-weight: 200;*/
font-family: "ubuntulight", Arial, sans-serif;
font-style: normal;
font-weight: 200;
font-style: normal;
margin-left: 0px;
margin-top: 1px;
margin-right: 0px;
margin-bottom: 20px;
color: #222;
font-size: 1em;
background-repeat:repeat-x;
/*background-color: rgba(113, 116, 119, 0);*/
background-color: rgba(255,255,255,1.0);
-ms-hyphens: none;
-moz-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
}
/*VIDEOKLAPPE für Fancybox-Video-Links*/
#VideoFancy {
width: inherit;
max-width: 490px;
overflow: hidden;
text-align: center;
position: relative;
float: none;
clear: both;
margin-left: auto;
margin-right: auto;
height: auto;
background-color: rgba(230,230,230,1);
padding: 5px;
}
#videoklappe {
position: relative;
float: left;
margin-left: auto;
margin-right: auto;
clear: none;
margin: 5px;
text-align: center;
height: 105px;
max-height: 105px;
width: 150px;
color:#000;
overflow: hidden;
background: url("/lib/imgAllg/videoklappe.svg") no-repeat center center;
background-color: rgba(0,0,0,0);
background-size: 100%;
background-position:0% 0%;
display:block;
justify-content: center; /* horizontal mittig */
align-items: center; /* vertikal mittig */
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#videoklappe p, #videoklappe a {
padding-left: 0px;
padding-right: 0px;
padding-top: 10px;
padding-bottom: 4000px;
font-size: 1.0em;
font-weight: bold;
text-decoration: none!important;
width: 100%;
width: 100%;
color: white;
background-color: rgba(0,0,0,0.2);
display:block;
justify-content: center; /* horizontal mittig */
align-items: center; /* vertikal mittig */
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#videoklappe:hover {
background-size: 560%;
background-position:0% 28%;
background-color:rgba(0,0,0,0.2);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#videoklappe p {
margin-left: auto;
margin-right: auto;
padding-top: 20px;
margin-left:auto;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#videoklappe img {
margin-left: auto;
margin-right: auto;
margin-top: -10px;
max-width: 100%;
max-height: 100%;
transform: scale(1.0);
display: block;
opacity: 100%;
margin-left:auto;
border-radius: 3px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#videoklappe img:hover, #videoklappe p:hover {
opacity: 0%;
display: block;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/*VIDEOKLAPPE für Fancybox-Video-Links ENDE */
div, p, a, li, ul, span {
font-family: "ubuntulight", Arial, sans-serif;
font-weight:300;
word-break:break-word;
}
p, li, ul, span, a {
line-height:1.5em;
}
b, strong {
font-weight:400;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Ubuntu-Condensed", Arial, sans-serif;
line-height:1.1em;
font-weight: 300;
}
H1 {
font-size:1.7em;
}
H2 {
font-size:1.3em;
}
H3 {
font-size:1.2em;
}
H4 {
font-size:1.1em;
}
H5 {
font-size:0.8em;
}
H6 {
font-size:0.7em;
}
/*Letzte Änderung*/
#letzteAend {
position: relative;
float: none;
clear: both;
margin-left: auto;
margin-right: auto;
width: 25%;
height:auto;
max-width: 250px;
min-width: 200px;
text-align: center;
font-size: 0.8em;
color: #555;
background-color:rgba(255,255,255,0.8);
padding: 1%;
}
/*BUTTON COOKIE ÄNDERN ####### */
#cookieaendern {
z-index: 1;
position:relative;
top: auto;
left: auto;
bottom: auto;
margin-left:auto;
margin-right:auto;
margin-top: 2%;
margin-bottom: 2%;
text-align: center;
float:none;
clear:both;
border:0px solid #fff;
padding:1%;
background-color:rgba(140,140,140,0.2);
min-width:100px;
width:40%;
max-width:250px;
font-size: 0.8em;
cursor: pointer;
}
#cookieaendern:hover {
cursor: pointer;
}
/*BUTTON COOKIE ÄNDERN ENDE ####### */
/* LI und UL-Hintergrund List-Symbole deaktivieren für ... */
#htmlnav ul, #htmlnav li, #htmlNavLi li, #htmlNavLi ul, #htmlNavUl li, #htmlNavUl ul {
background-image:none;
}
/*############ Auswahlfeld Kategorie ################ */
#KatInpSel {
margin-left: auto;
margin-right: auto;
position: relative;
float:none;
clear: both;
margin-bottom: 2%;
width: auto;
min-width: 200px;
max-width: 30%;
}
#KatInpSel select {
border-radius: 10px;
min-width:100%;
max-width: 50%;
height: 40px;
font-size: 1.0em;
font-weight: 300;
margin-right:0px;
padding: 4px;
color: #fff !important;
border: 1px solid #fff;
background-color:rgba(230,230,230,1);
/*pfeil ausblenden*/
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: url("/lib/imgAllg/down.svg") no-repeat 100% rgba(0,0,0,1);
padding-right: 33px;
background-size: 30px 30px;
cursor: pointer;
}
/* ############### TEXTE LINKS ############################## */
/*Grundeinstellung Linktexte*/
a, a:visited, a:hover, a:focus {
color: rgba(0,0,0,1);
font-weight:300;
}
#ContLay21InfoTextDiv a,
#ContLay22InfoTextDiv a,
#ContLay24InfoTextDiv a,
#ContLay25InfoTextDiv a,
#ContLay21TextDiv a,
#ContLay22TextDiv a,
#ContLay24TextDiv a,
#ContLay25TextDiv a,
#StartUnten a,
#InfoBoxDIV a,
#ContLay2TextDiv a,
#ContLay6TextDiv a,
#ContLay3TextDiv a,
#ContLay21InfoTextDiv a,
#ContLay22InfoTextDiv a,
#ContLay24InfoTextDiv a,
#ContLay25InfoTextDiv a,
#ContLay10TextDiv a,
#ContLay21TextDiv a,
#DetLay21TextDiv a,
#ContLay22TextDiv a,
#ContLay24TextDiv a,
#DetLay24TextDiv a,
#DetLay25TextDiv a,
#DivDsgvo a,
#sitemapDiv a
{
text-decoration: underline 1px dotted rgba(100,100,100,1);
padding:5px;
}
#ContLay21InfoTextDiv a:hover,
#ContLay22InfoTextDiv a:hover,
#ContLay24InfoTextDiv a:hover,
#ContLay25InfoTextDiv a:hover,
#ContLay21TextDiv a:hover,
#ContLay22TextDiv a:hover,
#ContLay24TextDiv a:hover,
#ContLay25TextDiv a:hover,
#StartUnten a:hover,
#InfoBoxDIV a:hover,
#ContLay2TextDiv a:hover,
#ContLay6TextDiv a:hover,
#ContLay3TextDiv a:hover,
#ContLay21InfoTextDiv a:hover,
#ContLay22InfoTextDiv a:hover,
#ContLay24InfoTextDiv a:hover,
#ContLay25InfoTextDiv a:hover,
#ContLay10TextDiv a:hover,
#ContLay21TextDiv a:hover,
#DetLay21TextDiv a:hover,
#ContLay22TextDiv a:hover,
#ContLay24TextDiv a:hover,
#DetLay24TextDiv a:hover,
#DetLay25TextDiv a:hover,
#DivDsgvo a:hover,
#sitemapDiv a:hover
{
background-color: rgba(50,50,50,0.1);
text-decoration: none;
}
/* ############### TEXTE LINKS ENDE ###################################### */
/* ##################### TOPSCROLLER ################## */
#ScrollerBottom {
position:fixed;
bottom:0px;
right: 43%;
left: 43%;
margin-left: auto;
margin-right: auto;
width: 100px;
height: 50px;
z-index: 1000000;
border-top-left-radius: 50px;
-moz-border-top-left-radius: 50px;
-webkit-border-top-left-radius: 50px;
-o-border-top-left-radius: 50px;
border-top-right-radius: 50px;
-moz-border-top-right-radius: 50px;
-webkit-border-top-right-radius:50px;
-o-border-top-right-radius: 50px;
border-bottom-left-radius: 0px;
-moz-border-bottom-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-o-border-bottom-left-radius: 0px;
background-image:url("/lib/imgAllg/pfeilUp2-1.svg");
background-repeat:no-repeat no-repeat;
-moz-background-repeat:no-repeat no-repeat;
-webkit-background-repeat:no-repeat no-repeat;
-webkit-background-size:100px 50px;
-moz-background-size:100px 50px;
background-size:100px 50px;
background-position:50% 50%;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
#ScrollerBottom:hover {
transform: scale(1.05);
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
#ScrollerBottom p, #ScrollerBottom a, #ScrollerBottom a:hover {
font-size:0.8em;
width: 100%;
height: 50px;
display: block;
padding-top: 33px;
padding-bottom: 5px;
color: #fff;
cursor:pointer;
text-align: center;
text-decoration: none!important;
background-color: inherit;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
/*########## Topscroller 959 */
@media screen and (max-width: 959px) {
#ScrollerBottom {
width: 70px;
position: fixed;
top: auto;
bottom: 0px;
left: auto;
right: auto;
margin-left: auto;
margin-right: 0px;
/* border-top-left-radius: 0px;
-moz-border-top-left-radius: 0px;
-webkit-border-top-left-radius: 0px;
-o-border-top-left-radius: 0px;
border-top-right-radius: 0px;
-moz-border-top-right-radius: 0px;
-webkit-border-top-right-radius: 0px;
-o-border-top-right-radius: 0px;*/
}
}
/* ##################### TOPSCROLLER ENDE ################## */
/*Pop-Up Fenster für Struktur-Position*/
#PFADnav {
z-index: 100000;
position:absolute;
float:none;
margin-left:auto;
margin-right: auto;
left: 0px;
right: 0px;
top: 155px;
width:100%;
max-width: 1000px;
visibility: hidden;
background-color: rgba(220,220,220, 1);
border:2px solid white;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 3%;
font-size: 0.7em;
font-weight:300;
background-image:url("/lib/imgAllg/closeS.svg");
background-repeat:no-repeat no-repeat;
-moz-background-repeat:no-repeat no-repeat;
-webkit-background-repeat:no-repeat no-repeat;
-webkit-background-size:50px 50px;
-moz-background-size:50px 50px;
background-size:50px 50px;
background-position:98% 2%;
cursor: pointer;
}
#PFADnav a {
height:auto;
clear: none;
min-width: 200px;
text-align: left;
padding: 0.4em;
text-decoration: none;
border: 0px solid blue;
border-radius: 3px;
color:#222;
background-color: #fff;
font-family: "ubuntu-condensed", Arial, sans-serif;
}
#PFADnav a:hover {
z-index: +1;
cursor:pointer;
background-color: #fff;
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
}
#PFADnav UL {
list-style-position:inside;
margin:1%;
}
#PFADnav li {
position: relative;
float: none;
clear: both;
display:flex;
clear:both;
position:relative;
margin: 1%;
margin-left: auto;
margin-right: auto;
}
#PFADNavUl {
color: #222;
list-style-type:none;
list-style-position:none;
list-style-image:none;
}
#PFADNavLi{
list-style-type:none;
list-style-position:inside;
list-style-image: none;
padding: 1px;
border: 0px solid #fff;
border-radius: 3px;
text-align: center;
}
/*############################################# 959 */
@media screen and (max-width: 959px) {
#PFADnav {
display: none;
}
}
/*################################## PFAD-Pop-Up Struktur Ende ################# */
/* ############ AUSSENCONTAINER-HINTERGRUND ###################################################################################################################################################################################################################################################################################################################################################################################################### */
.primaryContainer0,
.primaryContainer2,
.primaryContainer3,
.primaryContainer4,
.primaryContainer6,
.primaryContainer10,
.primaryContainer21,
.primaryContainer99 {
height: auto;
margin-left: auto;
margin-right: auto;
min-height: 100%;
width: 100%;
overflow: hidden;
background-color:rgba(180,180,180,1);
/* background-image: url("../img/hint2.jpg");
background-attachment:fixed;
-webkit-background-size:cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
background-position: 0% 0%;
background-repeat: no-repeat no-repeat;*/
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0.4s;
-moz-animation-delay: 0.4s;
animation-delay: 0.4s;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
animation-name: fadeIn;
}
/*########### Aussencontainer-Hintergründe 959 Mobil ####### */
/*mobile HINTERGRÃœNDE*/
@media screen and (max-width: 959px) {
.primaryContainer2, .primaryContainer3, .primaryContainer21, .primaryContainer6, .primaryContainer10, .primaryContainer99 {
/* background-image: url("../img/body_back2mob.jpg");
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; */
overflow: scroll;
}
}
/* ############ AUSSENCONTAINER-HINTERGRUND ENDE ############################# */
/* ############ INHALT POSITIONIEREN ################################## */
#prim2 {
z-index: 0;
position:relative;
width: 100%;
height: 100%;
min-height:100%;
min-height: 100vw;
overflow: hidden;
max-width: 1500px;
float:none;
margin-left:auto;
margin-right:auto;
clear:both;
background-color:rgba(240,240,240,1);
border: 0px;
box-shadow:2px 2px 5px #666;
-moz-box-shadow: 2px 2px 5px #666;
-webkit-box-shadow: 2px 2px 5px #666;
}
/* Inhalt positionieren Mobil 959 */
@media screen and (max-width: 959px) {
#prim2 {
overflow: scroll;
}
}
/* ####### SEITENINHALT-Komponenten ################################################################## */
/* ################# TOP HTML CONTAINER für HTML-Inhalte - DIREKT UNTER NAV ########### */
#TopHTMLContainer {
z-index: 100;
position: relative;
float:none;
margin-right: auto;
margin-left: auto;
height:auto;
clear: both;
width: 100%;
max-width: 100%;
min-width: 150px;
border: 0px;
background-color: rgba(255,255,255, 1);
color: #000;
text-align: center;
margin-top: 0px;
}
#TopHTMLContainer p {
position: relative;
float: none;
margin-left: auto;
margin-right: auto;
width: 100%;
font-family: "ubuntulight", Arial, sans-serif;
font-weight: 300;
font-size:1em;
}
/* ############ ENDE TOP HTML CONTAINER für HTML-Inhalte - DIREKT UNTER NAV ########### */
/* ############################# TOP ############################ */
#TOP {
float:none;
height:auto;
min-height: 221px;
width: 100%;
position:relative;
clear: both;
max-width: 1500px;
z-index: 101;
margin-top:0px;
overflow: visible;
margin-left: auto;
margin-right: auto;
background-color: rgba(255,255,255,1); /*Hintergrund-Farbe TOP-Teil*/
}
/*######## TOP959 */
@media screen and (max-width: 959px) {
#TOP {
min-height: 170px;
background-color: rgba(255,255,255,1);
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
}
/*######## TOP959 ENDE */
/* ############################# TOP ENDE ############################ */
/* ############################# OVERTOP ############################ */
#OverTopContainer {
float: none;
clear: both;
height:auto;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 1500px;
position: relative;
z-index: 10;
margin-bottom: 0px;
}
/*######## OverTop 1347 */
@media screen and (max-width: 1347px) {
#OverTopContainer {
position: relative;
width:auto;
margin-left:auto;
margin-right: auto;
float:none;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
}
/*######## OverTop 1347 ENDE */
/*######## OverTop 959 */
@media screen and (max-width: 959px) {
#OverTopContainer {
z-index: 1;
position: relative;
width:100%;
left: inherit;
right: inherit;
margin-left:auto;
margin-right: auto;
float:none;
clear: both;
}
}
/*######## OverTop 959 Ende */
/*######## OverTop mobil ENDE ############ */
/* ###### LOGO positionieren ####################### */
#OverTopHtmlContDIV {
z-index:11;
float:none;
height:auto;
clear:both;
width: auto;
min-width:150px;
max-height: inherit;
max-width:inherit;
padding: 0%;
position:relative;
margin-top: 10px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
text-align: center;
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
background-color: rgba(255,255,255,0);
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
border: 0px solid #ccc;
/*ANIMATE*/
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0.8s;
-moz-animation-delay: 0.8s;
animation-delay: 0.8s;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
animation-name: fadeIn;
/*ANIMATE ENDE*/
}
#OverTopHtmlContDIV.fixed {
position: fixed;
margin-top: 10px;
margin-left: 10px;
padding: 0%;
max-height:none;
height: auto;
max-width:none;
width: 100px;
min-width:none;
border-radius: 3x;
-moz-border-radius:3px;
-webkit-border-radius:3px;
background-color:inherit;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
#OverTopHtmlContDIV img {
width:auto;
max-width: inherit;
max-height: 130px;
min-height: 130px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
/* padding: 0.2%;
background-color: rgba(255,255,255,1);*/
}
#OverTopHtmlContDIV.fixed img {
max-height:50px;
min-height: inherit;
max-width:inherit;
width:auto;
height: 50px;
min-width:inherit;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
/*######## LOGO positionieren mobil 959 */
@media screen and (max-width: 959px) {
#OverTopHtmlContDIV {
display:block;
margin-top: 0%;
position:relative;
width: 50%;
margin-left: auto;
margin-right: auto;
padding: 0;
margin-bottom: 0px;
text-align: center!important;
border-radius: 0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
#OverTopHtmlContDIV.fixed {
display:block;
margin-top: 0%;
position:relative;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0;
margin-bottom: 0px;
text-align: center!important;
border-radius: 0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
max-height:inherit;
min-height: inherit;
max-width:inherit;
height: inherit;
min-width:inherit;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
#OverTopHtmlContDIV.fixed {
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
#OverTopHtmlContDIV.fixed img {
width:auto;
max-width: inherit;
max-height: 130px;
min-height: 130px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
}
#OverTopHtmlContDIV img {
margin-top: 10px;
width: auto;
max-width: 70%;
height:inherit;
min-height: inherit;
margin-left: auto;
margin-right: auto;
float: none;
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
background-color: rgba(0,0,0,0);
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
}
/*######## LOGO positionieren 959 ENDE */
/* ###### LOGO positionieren ENDE ##################### */
/* ############################# OVERTOP ENDE ############################ */
/* ########## SEITENÃœBERSCHRIFTEN ALLG ###########*/
#UeberschriftDiv {
position: relative;
float:none;
height: auto;
margin-bottom: 1%;
margin-top: 1%;
left: 0px;
right: 0px;
clear:both;
min-width: 150px;
position: relative;
margin-left: auto;
margin-right: auto;
max-width: 1500px;
width: 90%;
}
#UeberschriftP, #UeberschriftDivLay3 h1 {
width:100%;
position: relative;
clear: both;
text-align: center;
color: rgba(140,140,140,0.8)!important;
font-family: 'ubuntulight', Arial, sans-serif;
font-size: 2em;
padding-top: 1%;
padding-bottom: 1%;
}
/* ########## SEITENÃœBERSCHRIFTEN ALLG ENDE ############*/
/* ######################## CONTENT ############################## */
#ContentContainer {
float:none;
overflow: visible;
position:relative;
padding: 0px;
margin-left:auto;
margin-right: auto;
clear:both;
width: 100%;
max-width: 1500px;
z-index:0;
}
/*################## ContentContainer 959 */
@media screen and (max-width: 959px) {
#ContentContainer {
margin-top:inherit;
width: 100%;
}
}
/* #### ContentContainer 959 Ende*/
/*##### ContentContainer 520 */
@media only screen and (max-width: 520px) {
#ContentContainer {
max-width:inherit;
height:inherit;
max-height: 100%;
min-height:inherit;
}
}
/*##### ContentContainer 520 ENDE */
#TopHTMLContainer,
#SlideShowContainer,
#ContentContainer,
#ContentContainerLay2,
#ContentContainerAussen10,
#ContentContainerAussen6,
#ContLay99ContainerDiv,
#BottomContainer,
#CopyContainer {
z-index:0;
float:none;
height:auto;
position:relative;
margin-left:auto;
margin-right: auto;
margin-bottom: 0%;
margin-top: 0%;
width: 100%;
max-width: 1500px;
min-width: 150px;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
background-color: rgba(255,255,255,0);
}
/*überschreiben Lay 2 Aussen*/
#ContentContainerLay2 {
background-color: rgba(240,240,240,1);
}
/*überschreiben Loading-Container, damit on TOP*/
#TopHTMLContainer {
z-index: 100;
}
#BottomContainer {
margin-bottom: 3%;
}
/*########## SEITENINHALT-Komponenten mobil ########## 959 */
@media screen and (max-width: 959px) {
#TopHTMLContainer,
#SlideShowContainer,
#ContentContainer,
#ContentContainerLay2,
#BottomContainer,
#CopyContainer {
float:none;
margin: 0px;
clear:both;
margin-bottom: 0px;
width: 100%;
min-width: 150px;
max-width: 100%;
z-index:0;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
}
/*########## SEITENINHALT-Komponenten mobil ENDE ########## 959 *
/* ####### SEITENINHALT-Komponenten ENDE ################################################################## */
/*############################ Startseiten-Container ######## */
#ContStartseiteHTMLDiv {
float:none;
height:auto;
margin-left: auto;
margin-right: auto;
margin-top: 3%;
margin-bottom: 1%;
clear: both;
width: 80%;
padding-left: 6%;
padding-right: 6%;
padding-bottom: 3%;
max-width: 1500px;
position: relative;
background-color: rgba(255,255,255,1);
font-size: 1.1em;
line-height: 1.4em;
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0.4s;
-moz-animation-delay: 0.4s;
animation-delay: 0.4s;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
animation-name: fadeIn;
}
#ContStartseiteHTMLDiv iframe {
padding: 0px;
border: 0px;
width: 40%;
min-height: 270px;
max-width: 100%;
overflow:visible;
height: auto;
}
#ContStartseiteHTMLDiv H1 {
width:100%;
position: relative;
clear: both;
text-align: center;
color: rgba(140,140,140,1);
font-weight: normal;
font-size: 1.8em;
position: relative;
float:none;
height: auto;
margin-bottom:2%;
margin-top: 0px;
clear:both;
width: 100%;
max-width: 1500px;
min-width: 100px;
position: relative;
margin-left: auto;
margin-right: auto;
padding:1%;
}
/*####STARTSEITE 959 mobil ########## 959 */
@media screen and (max-width: 959px) {
#ContStartseiteHTMLDiv {
margin-bottom: 0%;
}
}
/*Startseite News iframe */
#NEWSStart {
position:relative;
float:none;
height: 300px;
padding: 10px;
margin-top:2%;
margin-right:auto;
margin-left: auto;
width:100%;
overflow:hidden;
/*box-shadow:3px 3px 15px #3D414A;
-moz-box-shadow: 3px 3px 15px #3D414A;
-webkit-box-shadow: 3px 3px 15px #3D414A;
box-shadow:3px 3px 15px #3D414A; */
border-radius:0px;
background-color: rgba(0,0,0,0.1);
}
#NEWSStart iframe{
border:0px;
margin:0px;
border-radius:0px;
height: 283px;
width: 100%;
overflow-x: hidden;
overflow-y:hidden;
-webkit-overflow-scrolling: touch;
}
#NEWSStart iframe:hover {
overflow-y:auto;
}
/*Startseite News iframe ENDE */
/* #### STARTSEITE ENDE ##### */
/*############################ Startseiten-Container ENDE ######## */
/* ############ INHALT POSITIONIEREN ENDE ################################## */
/* ################## SLIDE-SHOW CONTAINER ################# */
#SlideShowContainer li, #SlideShowContainer ul {
list-style:none;
}
#SlideShowContainer {
float:none;
position: relative;
height:auto;
margin: auto;
margin-bottom:0px;
border: 0px dotted #ccc;
min-width: 150px;
clear: both;
}
#SlideShowContDiv {
clear: both;
margin:0px;
height:auto;
position:relative;
float: none;
margin-left: auto;
width: 100%;
max-width: 1500px;
margin-right:0px;
padding: 0px;
border:0px solid #fff;
border-radius: 0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
}
#SlideShowContDiv iframe {
width: 100%;
border: 0px;
width:100%;
max-width: 100%;
overflow:hidden;
border:none;
padding:0;
margin:0;
display:block;
}
/*#######SlideShowContainer 959 */
@media screen and (max-width: 959px) {
#SlideShowContainer {
float:none;
width: 100%;
max-width: 100%;
margin-top: 0px;
top: 0px;
margin-bottom:0px;
}
}
/*#######SlideShowContainer 959 ENDE */
/* ################## SLIDE-SHOW CONTAINER ENDE ################# */
/*############## Container Inhalt ALLG ######### */
#ContLay21ContainerDiv,
#ContLay21InfoContDiv,
#ContLay21InfoDiv,
#DetLay21Div,
#ContLay22InfoContDiv,
#ContLay22InfoDiv,
#DetLay22ContainerDiv,
#DetLay22Div,
#ContLay3Div,
#ContLay2Div,
#ContLay24InfoDiv,
#ContLay24InfoContDiv,
#DetLay24ContainerDiv,
#DetLay24Div,
#ContLay25InfoContDiv,
#DetLay25Div,
#ContLay25InfoDiv,
#ContLay10ContainerDiv,
#ContLay6ContainerDiv,
#ContLay10Div {
z-index: 0;
position: relative;
float:none;
margin-left: auto;
margin-right: auto;
height:auto;
clear:both;
min-width: 150px;
border: 0px solid #ccc;
background-color: rgba(255, 255, 255, 0);
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-overflow-scrolling: touch;
}
/*Überschreibe Hintergründe Container */
#ContLay2Div,
#ContLay3Div,
#ContLay6ContainerDiv,
#ContLay10ContainerDiv,
#ContLay24Div,
#DetLay21Div,
#DetLay22Div,
#DetLay24Div,
#DetLay25Div {
background-color: rgba(255, 255, 255, 1);
}
/*Ãœberschreibe Lay 22 Hintergrund*/
#ContLay22ContainerDiv,
#ContLay24ContainerDiv {
z-index: 0;
position: relative;
margin-bottom: 2%;
width: 80%;
float:none;
margin-left: auto;
margin-right: auto;
height:auto;
clear:both;
min-width: 150px;
border: 0px solid #ccc;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-overflow-scrolling: touch;
background-color: rgba(255, 255, 255, 0);
}
#ContLay10Div {
margin-bottom: 2%;
width: 80%;
padding-left: 2%;
padding-right: 2%;
padding-bottom: 2%;
padding-top: 2%;
background-color: rgba(255,255,255,1);
}
#ContLay21ContainerDiv,
#ContLay24ContainerDiv,
#ContLay21InfoContDiv,
#ContLay22InfoContDiv,
#ContLay24InfoContDiv,
#ContLay25InfoContDiv {
margin-bottom: 2%;
width: 80%;
}
#DetLay22ContainerDiv,
#DetLay24ContainerDiv,
#ContLay21InfoDiv,
#ContLay22InfoDiv,
#ContLay24InfoDiv,
#ContLay25InfoDiv {
margin-bottom: 0%;
width: 80%;
}
#ContLay21Div,
#ContLay22Div,
#ContLay24Div,
#ContLay21InfoDiv,
#ContLay22InfoDiv,
#ContLay24InfoDiv,
#ContLay25InfoDiv {
margin-bottom: 3%;
width: 100%;
padding-left: 6%; /*Wenn Seite Hintergrund, dann Inhalte einen Abstand geben */
padding-right: 6%; /*Wenn Seite Hintergrund, dann Inhalte einen Abstand geben */
padding-bottom: 2%;
padding-top: 2%;
background-color: rgba(255,255,255,1);
}
#DetLay21Div,
#DetLay22Div,
#ContLay3Div,
#ContLay2Div,
#DetLay25Div,
#ContLay10ContainerDiv,
#ContLay6ContainerDiv {
margin-top:3%;
margin-bottom: 2%;
width: 80%;
padding-left: 6%;/*Wenn Seite Hintergrund, dann Inhalte einen Abstand geben */
padding-right: 6%;/*Wenn Seite Hintergrund, dann Inhalte einen Abstand geben */
padding-bottom: 2%;
padding-top: 2%;
}
#DetLay24Div {
margin-bottom: 2%;
margin-top: 2%;
height:auto;
clear:both;
width:100%;
padding-left: 6%;/*Wenn Seite Hintergrund, dann Inhalte einen Abstand geben */
padding-right: 6%;/*Wenn Seite Hintergrund, dann Inhalte einen Abstand geben */
}
#DetLay22Div {
width: 80%;
}
/*überschreiben Lay2, da kein Container bzw anders formatiert */
#ContLay2Div {
padding-left: 6%;/*Wenn Seite Hintergrund, dann Inhalte einen Abstand geben */
padding-right: 6%;/*Wenn Seite Hintergrund, dann Inhalte einen Abstand geben */
padding-bottom: 2%;
padding-top: 2%;
background-color: rgba(255,255,255,1);
width: 80%;
}
/*####### ContainerInhalt MOBIL 959 ###########*/
@media only screen and (max-width: 959px) {
}
/*####### ContainerInhalt MOBIL 959 ENDE ###########*/
/*############## Container Inhalt ALLG ENDE ######### */
/* ################ BLOCKINHALTE ALLG ################################# */
/* ########## SEITEN-UNTER-ÃœBERSCHRIFTEN ALLG ################*/
#ContLay2SubuebDiv,
#ContLay3SubuebDiv,
#ContLay6SubuebDiv,
#ContLay10SubuebDiv,
#ContLay21SubuebDiv,
#DetLay21SubuebDiv,
#ContLay22SubuebDiv,
#DetLay22SubuebDiv,
#DetLay24SubuebDiv,
#DetLay25SubuebDiv,
#ContLay21InfoSubuebDiv,
#ContLay22InfoSubuebDiv,
#ContLay24InfoSubuebDiv,
#ContLay25InfoSubuebDiv {
position: relative;
z-index: 9;
float:none;
height: auto;
margin: auto;
margin-bottom: 2%;
margin-top: 3%;
width: 100%;
min-width: 0px;
top: 0px;
left: 0px;
padding-bottom: 0%;
}
/* ### UNTER-Ãœberschriften mobil ###### 959*/
@media only screen and (max-width: 959px) {
#ContLay2SubuebDiv,
#ContLay3SubuebDiv,
#DetLay21SubuebDiv,
#ContLay22SubuebDiv,
#DetLay22SubuebDiv,
#ContLay21InfoSubuebDiv,
#ContLay22InfoSubuebDiv,
#ContLay24InfoSubuebDiv,
#ContLay25InfoSubuebDiv {
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
}
}
/* ### UNTER-Ãœberschriften mobil ENDE ###### 959*/
#ContLay2SubueberschriftP,
#ContLay3SubueberschriftP,
#ContLay6SubueberschriftP,
#ContLay10SubueberschriftP,
#ContLay21SubueberschriftP,
#DetLay21SubueberschriftP,
#ContLay22SubueberschriftP,
#DetLay22SubueberschriftP,
#DetLay24SubueberschriftP,
#DetLay25SubueberschriftP,
#ContLay21InfoSubueberschriftP,
#ContLay22InfoSubueberschriftP,
#ContLay24InfoSubueberschriftP,
#ContLay25InfoSubueberschriftP {
position: relative;
float:none;
font-size: 1.4em;
width:100%;
height: auto;
text-align:center;
padding-bottom: 2%;
line-height: 1.1em;
margin: auto;
clear:both;
min-height: 0px;
color: rgba(0,0,0,1);
border-bottom: 3px solid rgba(230,230,230,1);
top: 0px;
left: 0px;
}
#ContLay2SubueberschriftP a,
#ContLay3SubueberschriftP a,
#ContLay6SubueberschriftP a,
#ContLay10SubueberschriftP a,
#ContLay21SubueberschriftP a,
#DetLay21SubueberschriftP a,
#ContLay22SubueberschriftP a,
#DetLay22SubueberschriftP a,
#DetLay24SubueberschriftP a,
#DetLay25SubueberschriftP a,
#ContLay21InfoSubueberschriftP a,
#ContLay22InfoSubueberschriftP a,
#ContLay24InfoSubueberschriftP a,
#ContLay25InfoSubueberschriftP a {
line-height: 1.1em;
font-weight: 300;
font-family: "Ubuntu-Condensed", Arial, sans-serif;
}
#ContLay2SubueberschriftP h2,
#ContLay3SubueberschriftP h2,
#ContLay6SubueberschriftP h2,
#ContLay10SubueberschriftP h2,
#ContLay21SubueberschriftP h2,
#DetLay21SubueberschriftP h2,
#ContLay22SubueberschriftP h2,
#DetLay22SubueberschriftP h2,
#DetLay24SubueberschriftP h2,
#DetLay25SubueberschriftP h2,
#ContLay21InfoSubueberschriftP h2,
#ContLay22InfoSubueberschriftP h2,
#ContLay24InfoSubueberschriftP h2,
#ContLay25InfoSubueberschriftP h2 {
font-weight: 300;
}
/* ########## SEITEN-UNTER-ÃœBERSCHRIFTEN ALLG ENDE ################*/
/* ####### Blockinhalte TEXT ##################################### */
#ContLay2TextDiv,
#ContLay6TextDiv,
#ContLay10TextDiv,
#ContLay21TextDiv,
#DetLay21TextDiv,
#ContLay22TextDiv,
#ContLay24TextDiv,
#DetLay24TextDiv,
#DetLay25TextDiv,
#ContLay21InfoTextDiv,
#ContLay22InfoTextDiv,
#ContLay24InfoTextDiv,
#ContLay25InfoTextDiv {
position: relative;
z-index: 3;
padding:0px;
float:none;
clear:none;
margin-top: 2%;
width:100%;
height: auto;
text-align: left;
word-wrap: break-word;
color: rgba(70,70,70,1);
line-height: 1.6em;
font-size: 1em;
}
/*############## List mit Doppelpfeil rechts SVG */
#ContLay2TextDiv li,
#ContLay6TextDiv li,
#ContLay10TextDiv li,
#ContLay21TextDiv li,
#DetLay21TextDiv li,
#ContLay22TextDiv li,
#DetLay22TextDiv li,
#ContLay24TextDiv li,
#DetLay24TextDiv li,
#DetLay25TextDiv li,
#ContLay21InfoTextDiv li,
#ContLay22InfoTextDiv li,
#ContLay24InfoTextDiv li,
#ContLay25InfoTextDiv li,
#ContSucheDiv li,
#ContLay3TextDiv li {
list-style: none;
list-style-position:outside;
padding-left: 20px;
background-image: url("/lib/imgAllg/doppelpfeilRe2.svg");
background-position: 0% 8px;
background-size: 10px 8px;
background-repeat: no-repeat;
}
/*############## List mit Doppelpfeil rechts SVG ENDE */
/* ####### Blockinhalte TEXT ENDE ################################ */
/* ####### Blockinhalte BILDER #################################### */
#ContLay21ImgDiv,
#DetLay21ImgDiv,
#ContLay22ImgDiv,
#DetLay22ImgDiv,
#ContLay24ImgDiv,
#DetLay24ImgDiv,
#DetLay25ImgDiv,
#ContLay25ImgDiv,
#ContLay6ImgDiv,
#ContLay10ImgDiv,
#ContLay21InfoImgDiv,
#ContLay22InfoImgDiv,
#ContLay24InfoImgDiv,
#ContLay25InfoImgDiv {
float: right;
text-align: right;
clear:none;
width:auto;
height: auto;
max-width: 30%;
max-height: 320px;
overflow: visible;
position: relative;
margin-top: 0%;
margin-bottom: 1%;
margin-right: 0%;
margin-left: 4%;
z-index: 5;
padding: 0px;
}
#ContLay2TextDiv img {
position: relative;
margin-left: auto;
margin-right: auto;
max-width: 100%;
height: auto;
}
#ContLay21ImgDiv img,
#DetLay21ImgDiv img,
#ContLay22ImgDiv img,
#DetLay22ImgDiv img,
#ContLay24ImgDiv img,
#DetLay24ImgDiv img,
#DetLay25ImgDiv img,
#ContLay25ImgDiv img,
#ContLay6ImgDiv img,
#ContLay10ImgDiv img,
#ContLay21InfoImgDiv img,
#ContLay22InfoImgDiv img,
#ContLay24InfoImgDiv img,
#ContLay25InfoImgDiv img {
width: auto;
max-width: 100%;
height: auto;
max-height: 320px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
/* ################ BLOCKINHALTE BILDER MOBIL ###### 959 */
@media only screen and (max-width: 959px) {
#ContLay21ImgDiv,
#DetLay21ImgDiv,
#ContLay22ImgDiv,
#DetLay22ImgDiv,
#ContLay24ImgDiv,
#DetLay24ImgDiv,
#DetLay25ImgDiv,
#ContLay25ImgDiv,
#ContLay6ImgDiv,
#ContLay10ImgDiv,
#ContLay21InfoImgDiv,
#ContLay22InfoImgDiv,
#ContLay24InfoImgDiv,
#ContLay25InfoImgDiv {
float: none;
clear:both;
width:100%;
height: auto;
margin-right:auto;
margin-left:auto;
margin-top: 2%;
margin-bottom: 2%;
left: inherit;
right:inherit;
overflow: inherit;
max-height: inherit;
text-align: center;
}
#ContLay21ImgDiv img,
#DetLay21ImgDiv img,
#ContLay22ImgDiv img,
#DetLay22ImgDiv img,
#ContLay24ImgDiv img,
#DetLay24ImgDiv img,
#DetLay25ImgDiv img,
#ContLay25ImgDiv img,
#ContLay6ImgDiv img,
#ContLay10ImgDiv img,
#ContLay21InfoImgDiv img,
#ContLay22InfoImgDiv img,
#ContLay24InfoImgDiv img,
#ContLay25InfoImgDiv img {
width: auto;
max-width: 100%;
height: auto;
max-height: 420px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
}
/* ################ BLOCKINHALTE ALLG ENDE ### 959 */
/* ####### Blockinhalte BILDER ENDE ############################## */
/* ################ BLOCKINHALTE ALLG ENDE ################################# */
/* ####################### BOTTOM-TEIL ############################### */
#BottContHtmlDiv {
z-index: 0;
width: 80%;
position:relative;
height:auto;
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 1%;
padding: 3%;
background-color: rgba(255,255,255,1);
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius: 3px;
}
#BottContHtmlDiv p {
color: #000;
font-weight: normal;
}
#BottContHtmlDiv_Li {
display: none;
float: left;
clear: none;
width: 35%;
padding-left: 2%;
padding-right: 2%;
min-height: 0px;
padding-top: 1%;
color: #ccc;
font-size: 1em;
}
#BottContHtmlDiv_Mi {
display: none;
position:relative;
float: left;
padding-left: 2%;
padding-right: 2%;
padding-top: 1%;
width:30%;
height:auto;
min-height: 0px;
z-index: 10;
color: #ccc;
font-size: 1em;
background-color: rgba(100,100,100,0);
}
#Spalte3 {
display: none;
float:right;
clear: none;
background-color: rgba(255,255,255,0.2);
background-repeat: no-repeat;
background-position: 100% 30%;
width: 35%;
padding-left: 2%;
padding-right: 10%;
min-height: 0px;
padding-top: 1%;
color: #ccc;
font-size: 1em;
}
#BottContHtmlDiv_Re {
position:relative;
float:none;
clear:both;
margin-left: auto;
margin-right: auto;
width:100%;
height:auto;
background-color: rgba(255,255,255,1);
text-align: center;
}
#Bottom1 {
font-size: 1.3em;
margin-bottom: 2%;
margin-top: 1%;
}
#BottomAdresse {
position:relative;
z-index: 10;
font-size: 1.1em;
}
/* ####### Adresse ###### */
#adresse {
position: relative;
float: left;
clear: none;
margin-left: 3%;
margin-top: 0%;
margin-bottom: 3%;
width: 40%;
min-width: 150px;
height: auto;
text-align: left;
}
#adresse h2 {
font-size: 1.8em;
}
/*#####adresse 959 */
@media screen and (max-width: 959px) {
#adresse {
clear: both;
margin-left: 1%;
margin-top: 1%;
margin-bottom: 50px;
width: 90%;
text-align: center;
}
}
/*#####adresse 959 ENDE */
/* ####### Adresse ENDE ###### */
/* ####### IMPRESSUM ###### */
#BottomImpressum {
margin-bottom: 2%;
margin-top: 1%;
}
#BottomImpressum a:hover, #BottomImpressum a:active, #BottomImpressum a:focus {
background-color: rgba(0,0,0,1);
color: #fff;
}
/* ####### IMPRESSUM ENDE ###### */
/* ############# NEWS-IFRAME-TEIL ####### */
#NEWS {
z-index: 20000;
display:visible;
position:relative;
float:none;
width:100%;
height:95px;
min-height: 95px;
margin-bottom: 3%;
overflow-x: hidden;
overflow-y:hidden;
overflow: hidden;
padding:0%;
}
#NEWS:hover {
overflow-y:hidden;
overflow-x:hidden;
-webkit-overflow-scrolling: touch;
}
#NEWS iframe{
border:0px;
margin:0px;
min-height: 95px;
height: 95px;
width:100%;
overflow-x: hidden;
overflow-y:hidden;
-webkit-overflow-scrolling: touch;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
}
/*############################################# 959 */
@media screen and (max-width: 959px) {
#NEWS {
float: none;
clear: both;
margin-left: auto;
margin-right: auto;
width:70%;
height:290px;
box-shadow:0px 0px 0px 0px #e3e3e3;
border-radius:0px;
}
#NEWS iframe{
border:0px;
margin:0px;
border-radius:0px;
height: 290px;
}
/*Startseite News iframe */
#NEWSStart {
height:inherit;
border:0px;
margin:0px;
border-radius:0px;
width:100%;
overflow-x:inherit;
overflow-y:inherit;
-webkit-overflow-scrolling: touch;
}
}
/* ############# NEWS-IFRAME-TEIL ENDE ####### */
/* ########### BOTTOM ZUSÄTZLICHER INHALT ### */
#InfoBoxDIV {
float:none;
height:auto;
margin-left: auto;
position: relative;
margin-right: auto;
clear:both;
width: 100%;
min-width: 250px;
background-image: url();
background-size:7%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-color: rgba(255,255,255,0.7);
padding: 3%;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
#InfoBoxUebersDIV {
margin-left: auto;
float: none;
font-size: 1.4em;
width: 90%;
height: auto;
text-align: center;
line-height: 1em;
margin-top: 3%;
clear: none;
min-height: 27px;
margin-right: auto;
color: #222;
}
#InfoBoxSubUebersDIV {
width:auto;
margin-left:auto;
margin-right: auto;
margin-top:1%;
text-align: center;
font-size: 0.8em;
line-height: 1.1em;
color: #444;
}
#InfoBoxSubUebersDIV img {
max-width: 160px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow:3px 3px 15px #3D414A;
-moz-box-shadow: 3px 3px 15px #3D414A;
-webkit-box-shadow: 3px 3px 15px #3D414A;
box-shadow:3px 3px 15px #3D414A;
}
#InfoBoxAdresseImpr {
position: relative;
margin-left: 2%;
margin-right: 2%;
float:none;
clear: both;
margin-top:1%;
margin-bottom: 2%;
width: auto;
height:auto;
text-align: center;
}
#InfoBoxAdresseli {
display:inherit;
position: relative;
margin-left: auto;
margin-right: auto;
left: 0%;
float:none;
margin-top:2%;
margin-bottom: 1%;
width:auto;
height:auto;
z-index: 1;
text-align:center;
color: #444;
font-size: 1em;
}
#InfoBoxTextRe {
position:relative;
float:none;
clear: both;
margin-left:auto;
margin-right:auto;
margin-top:2%;
margin-bottom: 50px;
width:auto;
height: auto;
z-index: 50;
color: #444;
text-align: center;
font-size: 1.0em;
}
#Oeffnungszeiten{
position: relative;
margin-left: 2%;
margin-right: 2%;
float:none;
margin-top:1%;
margin-bottom: 3%;
width: auto;
height:auto;
text-align: center;
}
/* ####################### BOTTOM-TEIL ENDE ############################### */
/* ####################### COPYRIGHT-TEIL ############################### */
#CopyContainer {
float:none;
margin-left:auto;
margin-right: auto;
margin-bottom: 2%;
height:auto;
clear:both;
position:relative;
min-width: 250px;
border-radius: 0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
z-index: -10;
border-top: 0px dotted #ccc;
background-color: rgba(129, 129, 129, 0);
padding: 0px;
}
#copyDiv {
position: relative;
width: 100%;
text-align: center;
float:none;
margin-left: auto;
margin-right: auto;
clear: both;
color: #ccc;
}
#copyDiv p {
font-size: 0.6em;
cursor: pointer;
color: #777;
}
/* ######### SITEMAP BUTTON ################## */
#sitemapDiv {
z-index: 1000;
position: relative;
clear: both;
margin-bottom: 2%;
margin-top: 2%;
margin-right: auto;
margin-left: auto;
background-color: rgba(255,255,255,0.7);
width: 150px;
text-align: center;
padding: 1%;
}
#sitemapDiv p {
cursor: pointer;
font-size: 0.8em;
color: black;
}
/*############################################# 959 */
@media screen and (max-width: 959px) {
#sitemapDiv {
display: none;
}
}
/* ######### SITEMAP BUTTON ENDE ####################### */
/* ####################### COPYRIGHT-TEIL ENDE ############################### */
/* #################### BANNER CONTAINER 1 ###################### */
#BannerContainer1 {
float: left;
height: auto;
clear: none;
position: fixed;
bottom: 40px;
left: -240px;
overflow-x: hidden;
overflow:hidden;
-webkit-overflow-scrolling: touch; /* lets it scroll lazy */
z-index: 50000;
min-height: 28px;
max-height: 70px;
background-color: rgba(150,150,150,1);
margin: auto;
width: 280px;
min-width: 50px;
max-width: 500px;
padding: 20px;
background-image:url("../img/bannerhint.svg");
background-position:100% 50%;
background-size: 40%;
background-repeat: no-repeat no-repeat;
text-align: center;
cursor: pointer;
/* visibility: hidden;*/
}
#BannerContainer1:hover, #BannerContainer1:focus {
left: 0px;
cursor: pointer;
max-height: 600px;
overflow:hidden;
background-image:url("../img/bannerhintLi.svg");
background-position:100% 50%;
background-size: 40%;
background-repeat: no-repeat no-repeat;
}
#BannerContainer1 img {
max-width: 160px;
}
/*#######BannerContainer1 959 */
@media screen and (max-width: 959px) {
#BannerContainer1 {
float: none;
height: inherit;
clear: both;
position: relative;
bottom: inherit;
left: 0px;
overflow-x: inherit;
overflow:inherit;
-webkit-overflow-scrolling: inherit; /* lets it scroll lazy */
max-height:inherit;
background-color: rgba(255,255,255,0);
margin: auto;
width: 100%;
min-width: 50px;
max-width: 80%;
padding: 10px;
text-align: center;
background-image:inherit;
background-position:100% 50%;
background-size: 40%;
background-repeat: no-repeat no-repeat;
cursor: pointer;
/* visibility: hidden;*/
}
#BannerContainer1:hover, #BannerContainer1:focus {
overflow:inherit;
background-image:inherit;
height: inherit;
min-height: inherit;
left: auto;
max-height:inherit;
overflow:inherit;
}
#BannerContainer1 div {
position: relative;
height:inherit;
min-height: 50px;
float:none;
clear: none;
margin-left: auto;
margin-right: auto;
margin-top: 2%;
margin-bottom: 2%;
min-width: 150px;
max-width: 100%;
width: 100%;
display: block;
}
#BannerContainer1 img {
width: 80%;
max-width: 100%;
min-width: 70%;
margin-bottom: 3%;
}
}
/*#######BannerContainer1 959 ENDE */
/*#####BannerContainer1 720 */
@media only screen and (max-width: 720px) {
#BannerContainer1 {
display:block;
}
#BannerContainer1:hover, #BannerContainer1:focus {
left: 0px;
cursor: pointer;
height:auto;
max-height:none;
bottom:inherit;
}
}
/*#####BannerContainer1 520 ENDE */
/* #################### BANNER CONTAINER 1 ENDE ###################### */
/* #################### BANNER CONTAINER 2 ###################### */
/*Banner rechts fixiert*/
#BannerContainer2 {
float: left;
height:auto;
clear: none;
position: fixed;
top: auto;
bottom: 15%;
right: 0px;
left: auto;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius:3px;
overflow-x: hidden;
overflow:auto;
-webkit-overflow-scrolling: touch; /* lets it scroll lazy */
z-index: 90;
min-height: 28px;
max-height: 140px;
background-color: rgba(50,50,50,1);
border:0px solid rgba(180,180,180,1);
margin: auto;
width: 100px;
min-width: 50px;
max-width: 100px;
padding: 10px;
text-align:left;
padding-left: 10px;
overflow: hidden;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
/*background-image:url("#");
background-position:100% 50%;
background-repeat: no-repeat no-repeat;*/
cursor: pointer;
/* box-shadow: 3px 0 3px #222;*/
/* visibility: hidden;*/
}
.fancybox-slide--iframe .fancybox-content {
max-width : 759px;
max-height : 500px;
width : 100%;
height : 100%;
margin: 0;
}
#BannerContainer2 img {
right: 0px;
cursor: pointer;
margin: 3px;
}
#BannerContainer2:hover, #BannerContainer2:focus {
right: 0px;
width: 100px;
max-width: 180px;
background-color: white;
-webkit-transition-property: all;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
/* min-height: 100px;
height: 300px;
right: 0%;
width: 100%;
overflow-x: hidden;
overflow-y:hidden;*/
/*ANIMATE*/
/* -webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0.2s;
-moz-animation-delay: 0.2s;
animation-delay: 0.2s;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
animation-name: fadeIn;*/
/*ANIMATE ENDE*/
}
.fancybox-slide--iframe .fancybox-content {
max-width : 759px;
max-height : 500px;
width : 100%;
height : 100%;
margin: 0;
}
/*#########BannerContainer2 959 */
@media screen and (max-width: 959px) {
#BannerContainer2 {
left: auto;
right: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 3%;
height:inherit;
min-height: 100px;
clear:both;
width: 100%;
max-width: 100%;
position:relative;
float: none;
min-width: 100px;
border-radius: 0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
z-index: 0;
overflow: inherit;
border-top: 0px dotted #ccc;
background-color: rgba(255,255,255,1);
padding: 1%;
text-align: center;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
background-image:url("#");
background-position:100% 50%;
background-repeat: no-repeat no-repeat;
cursor: pointer;
/* box-shadow: 3px 0 3px #222;
visibility: hidden;*/
}
#BannerContainer2 img {
/* transform: rotate(90deg);*/
left: inherit;
right: inherit;
margin-left: auto;
margin-right: auto;
position: relative;
float: none;
clear: both;
}
#BannerContainer2, #BannerContainer2:hover {
right: inherit;
left:inherit;
width: inherit;
max-width: inherit;
}
}
/*#########BannerContainer2 959 ENDE */
#NEWSbanner {
position:relative;
float:none;
margin-left: auto;
margin-right:auto;
margin-bottom: 0px;
width:100%;
height:auto;
overflow-x: hidden;
overflow-y:hidden;
-webkit-overflow-scrolling: touch;
padding:0px;
box-shadow:0px 0px 0px 0px #222;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
background-color: rgba(0, 0, 0, 0);
}
#NEWSbanner iframe{
border:0px;
margin:0px;
height: 300px;
width:100%;
overflow-x: hidden;
overflow-y:hidden;
-webkit-overflow-scrolling: touch;
}
#NEWSbanner iframe:hover {
overflow-y:hidden;
overflow-x:hidden;
-webkit-overflow-scrolling: touch;
}
/* #################### BANNER CONTAINER 2 ENDE ###################### */
/* ###################### HOME / SITEMAP / SUCHE ################ */
#HomeSitemSucheDiv {
z-index: 100000;
float:right;
height: auto;
clear: none;
width:125px;
min-width:none;
min-height: 30px;
max-height: 50px;
position:absolute;
margin-top: 10px;
top: 10px;
margin-left: auto;
margin-right: 10px;
right: 10px;
padding: 5px;
/* border:1px solid rgba(230,230,230,1);
background-color: rgba(230,230,230,1);*/
border-radius: 3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-webkit-transition-property: all;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
#HomeSitemSucheDiv.fixed {
/* position: fixed;
top: 10px;*/
/*animation*/
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 1.0s;
-moz-animation-delay: 1.0s;
animation-delay: 1.0s;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
animation-name: fadeIn;
/*animation Ende*/
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
/*Originalbuttons durchsichtig machen für Hintergrund-Buttons*/
#HomeButDiv img, #SucheButDiv img, #SitemButDiv img {
opacity: 0;
}
#HomeButDiv, #SitemButDiv, #SucheButDiv {
float:left;
height: auto;
clear: none;
width:32%;
padding: 0px;
position: relative;
opacity: 100%;
top: 0px;
left: 0px;
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: 50% 50%;
min-height: 30px;
max-height: 30px;
max-width: 30px;
min-width:30px;
}
#HomeButDiv:hover, #SitemButDiv:hover, #SucheButDiv:hover {
opacity: 100%;
z-index: +1;
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-o-transform:scale(1.5);
transform:scale(1.5);
cursor: pointer;
}
/* ### HOME Button ### */
#HomeButDiv {
display: block;
margin-right: 10px;
background-image: url(/lib/imgAllg/home.svg);
}
#sitemapButtonImg,
#HomeButtonImg,
#SucheButtonImg {
min-width:30px;
min-height:30px
}
#HomeButtonImg {
float: none;
width:100%;
height: 100%;
max-width: 100%;
max-height: 100%;
margin: auto;
clear: none;
color: rgb(0, 0, 0);
position: relative;
top: 0px;
left: 0px;
display: block;
}
/* ### HOME Button ENDE ### */
/* ### SITEMAP Button ### */
#SitemButDiv {
display: block;
margin-right: 10px;
background-image: url(/lib/imgAllg/sitemap.svg);
/* background-color: rgb(222, 222, 222);*/
}
#sitemapButtonImg {
float: none;
width:100%;
height: 100%;
max-width: 100%;
max-height: 100%;
margin: auto;
clear: none;
color: rgb(0, 0, 0);
position: relative;
top: 0px;
left: 0px;
display: block;
}
/* ### SITEMAP Button ENDE ### */
/* ### SUCHE Button ### */
#SucheButDiv {
display: block;
margin-right: 0px;
background-image: url(/lib/imgAllg/suche.svg);
/* background-color: rgb(222, 222, 222);*/
}
#SucheButtonImg {
display: block;
float: none;
width: auto;
max-width: 100%;
height: auto;
margin: auto;
clear: none;
color: rgb(0, 0, 0);
max-height: 20px;
}
/* ### SUCHE Button ENDE ### */
/*############################### 959 */
@media screen and (max-width: 959px) {
#HomeSitemSucheDiv {
position: fixed;
float:none;
clear: both;
right: inherit;
left: inherit;
margin-left: 1%;
margin-right: auto;
margin-top: 10px;
text-align: center;
max-height: inherit;
width:auto;
max-width: 110px;
background-color: inherit;
border: 0px;
}
#HomeButDiv, #SucheButDiv{
width: 45px;
height: 45px;
max-width: 45px;
max-height: 45px;
}
#HomeButDiv img, #SucheButDiv img {
width: 45px;
height: 45px;
min-height:45px;
}
#SitemButDiv {
display: none;
}
}
/* ###################### HOME / SITEMAP / SUCHE ### ENDE ################ */
/* ########################## MOBILNAVIGATION ######################### */
#MobileMenuButton {
z-index: 3000;
visibility:hidden;
position:fixed;
height: auto;
margin: 3px 3px 3px 3px;
clear: none;
width: auto;
padding: 1% 1% 0% 1%;
border:0px solid #222;
border-radius: 2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
left: auto;
right: 5%;
top: 5%;
background-color: rgba(255,255,255,1);
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-o-transform:scale(1.5);
transform:scale(1.5);
}
#MobileMenuButtonImg {
float: none;
width: auto;
max-width: none;
height: auto;
margin: auto;
clear: none;
color: rgb(0, 0, 0);
max-height: 20px;
position: relative;
top: 0px;
left: 0px;
cursor: pointer;
}
#MobileMenuButton:hover, #MobileMenuButton:focus {
z-index: +1;
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-o-transform:scale(1.5);
transform:scale(1.5);
cursor: pointer;
}
/*############################################# 959 */
@media screen and (max-width: 959px) {
/* sichtbar bei Mobilversion*/
#MobileMenuButton {
visibility:visible;
}
#MobileMenuButtonImg {
float: none;
width: auto;
max-width: none;
height: auto;
margin: auto;
clear: none;
color: rgb(0, 0, 0);
max-height: 20px;
position: relative;
top: 0px;
left: 0px;
cursor: pointer;
background-color: rgba(255,255,255,1);
}
}
/* ######### MOBILBUTTON ENDE ############# */
/* ######### MOBILNAVIGATION ############# */
#htmlnav {
display: none;
visibility: hidden;
/* display:inline-block;*/
position:fixed;
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0.4s;
-moz-animation-delay: 0.4s;
animation-delay: 0.4s;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
animation-name: fadeIn;
}
#htmlnav a {
display: block;
}
#htmlNavUl {
color: #fff;
display: block;
padding: 0px;
list-style-type:none;
list-style-position:inside;
list-style-image: none;
font-weight: 600;
max-width: 100%;
font-size: 1.3em;
margin: 0px;
padding: 10px;
background-color:rgba(100,100,100,1);
}
#htmlnav li {
max-width: 90%;
line-height: 1.6em;
background-color: #555;
margin: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
#htmlNavLi{
float:none;
display: block;
color: white;
margin:1px;
list-style-type:none;
list-style-position:inside;
list-style-image: none;
padding:0px;
border: 1px solid #ccc;
border-radius: 3px;
text-align:center;
background-color: #e3e3e3;
}
#htmlNavLi a {
padding: 3%;
color: white;
display: block;
}
#htmlNavLi:hover {
color: #fff;
background-color: #222;
}
#CLBtn1 {
font-size: 1.7em;
background-color: white;
color: black;
}
/*############################################# 959 */
@media screen and (max-width: 959px) {
#htmlnav {
visibility:inherit;
position:relative;
left: auto;
top: 0px;
right:auto;
height:auto;
margin-left:auto;
margin-right: auto;
width:100%;
max-width: 100%;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-y:touch;
background-color: rgba(222, 222, 222, 1);
z-index:100000;
cursor: pointer;
font-size: 1em;
}
}
/* ########################## MOBILNAVIGATION ENDE ######################### */
/*Facebook-Link*/
#DivFbBtnL6, #DivFbBtnL10, #DivFbBtnL21, #DivFbBtnL22, #DivFbBtnL2 {
position: relative;
float:none;
margin-left: auto;
margin-right: auto;
width: 100%;
text-align: center!important;
margin-top: 3%;
margin-bottom: 1%;
padding: 0%;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-transition-property: all;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
#DivFbBtnL6 img, #DivFbBtnL10 img, #DivFbBtnL21 img, #DivFbBtnL22 img, #DivFbBtnL24 img, #DivFbBtnL25 img, #DivFbBtnL2 img {
max-height: 50px;
max-width: 50px;
}
/*Facebook Link Ende*/
/* ############################### SUCHSEITE ################## */
#ContSucheDiv {
float:none;
height:auto;
margin-left: auto;
margin-right: auto;
margin-top: 3%;
margin-bottom: 0%;
clear: both;
width: 80%;
max-width: 100%;
position: relative;
background-color: rgba(255,255,255,0.8);
padding: 6%;
font-size: 1em;
border-radius: 0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0.4s;
-moz-animation-delay: 0.4s;
animation-delay: 0.4s;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
animation-name: fadeIn;
}
#ContSucheDiv a, #ContSucheDiv a:hover, #ContSucheDiv a:active, #ContSucheDiv a:visited, #ContSucheDiv a:focus, #ContSucheDiv ul, #ContSucheDiv li {
color: black;
text-decoration: underline 0px dotted #222;
text-align: left;
}
#DivLyS01 {
position:relative;
float:none;
clear: both;
margin-left:auto;
margin-right:auto;
margin-top:2%;
margin-bottom: 2%;
width:auto;
height: auto;
z-index: 50;
color: #444;
font-size: 1.4em;
text-align: center;
}
#DivlyS01txt {
margin-bottom: 1%;
color: #222;
font-size: 1.0em;
line-height: 1.4em;
text-align: left;
}
#DivlyS01inp {
position: relative;
float:left;
clear: none;
height: 40px;
font-size: 1em;
display: inline-block;
width: 69%;
min-width: 200px;
color: rgb(129, 129, 129);
margin-right: 1%;
/* -webkit-box-shadow: rgb(174, 174, 174) 1px 1px 3px 3px;
box-shadow: rgb(174, 174, 174) 1px 1px 3px 3px; */
border: 0px solid rgb(189, 189, 189);
}
#DivlyS01inp input {
position: relative;
float: left;
padding-left: 40px;
height: 40px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
width: 100%;
background-color: #e3e3e3;
border: 1px solid #ccc;
background-image: url("../img/suche.png");
background-repeat: no-repeat;
background-size: 20px;
background-position: 3% 50%;
}
#DivlyS01inp input:hover, #DivlyS01inp input:active, #DivlyS01inp input:focus {
background-color: rgb(240, 226, 117);
}
#DivlyS01Btn {
height: 40px;
width: 30%;
min-width: 100px;
margin-right: 0px;
clear: none;
position: relative;
float:right;
margin-bottom: 3%;
}
#DivlyS01Btn input {
float:right;
height:40px;
font-size: 1em;
clear: both;
width: 100%;
padding: 2%;
border-radius: 3px;
background-color: rgb(178, 74, 74);
border-width: 0px;
-webkit-box-shadow: rgb(175, 175, 175) 1px 1px 3px 1px;
box-shadow: rgb(175, 175, 175) 1px 1px 3px 1px;
color: rgb(255, 255, 255);
}
/*es wurde noch nichts gesucht*/
#DivLyS20 {
float: left;
position: relative;
width: 100%;
clear: both;
font-size: 1em;
line-height: 1.4em;
}
#DivLyS20 p {
margin-top: 2%;
font-size: 1em;
}
#UlSearchErg01 {
display: block;
}
#UlSearchErg01 li {
}
/*############################################# 959 */
/*SUCHSEITE MOBIL*/
@media screen and (max-width: 959px) {
#DivlyS01inp {
position: relative;
float:none;
margin-left: auto;
margin-right: auto;
width: 100%;
min-width: 100%;
margin-bottom: 1%;
}
#DivlyS01Btn {
height:60px;
width: 100%;
min-width: 100%;
margin-right: auto;
margin-left: auto;
clear: both;
float:none;
}
#DivlyS01Btn input {
float: none;
height:60px;
clear: both;
}
}
/* ###################### Suchseite Ende ################## */
/*STARTSEITENCAROUSEL DIV Carousel Allg*/
#startseitencarousel {
overflow: visible;
float:none;
position: relative;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
clear: none;
width: 100%;
max-width:100%;
background-color: rgba(255, 255, 255, 0);
color:#fff;
height:410px;
}
#startseitencarousel iframe {
border: 0px;
width: 100%;
height:390px;
overflow: visible;
position: relative;
float: none;
}
#ContLay2CarouselDiv,
#ContLay22DetCarouselDiv,
#ContLay21DetCarouselDiv,
#ContLay24DetCarouselDiv,
#ContLay25DetCarouselDiv,
#ContLay6DetCarouselDiv,
#ContLay10DetCarouselDiv,
#ContLay21InfoCarouselDiv,
#ContLay22InfoCarouselDiv,
#ContLay24InfoCarouselDiv,
#ContLay25InfoCarouselDiv {
z-index: 10000;
float:none;
min-height: 0px;
margin-left: auto;
margin-right: auto;
clear: both;
width: 100%;
max-width: 600px;
position: relative;
background-color: rgba(0, 0, 0, 0);
}
#ContLay2CarouselDiv {
overflow: hidden;
}
/*Smoothe Bewegung */
#prim2,
#TOP,
#HomeSitemSucheDiv,
#HomeButDiv, #SitemButDiv, #SucheButDiv,
#MobileMenuButton,
#htmlnav,
#ContSucheDiv,
#ContSucheDiv a:hover,
#BannerContainer1,
#BannerContainer1:hover,
#BannerContainer2,
#BannerContainer2:hover,
#OverTopContainer,
#OverTopHtmlContDIV,
#OverTopHtmlContDIV.fixed,
#TopHTMLContainer,
#NavigationContainer,
#NavigationContainer:hover,
#NavigationContainer.fixed,
#NavipunktContainer,
#SlideShowContainer,
#SlideShowContDiv,
#PFADnav,
#ContentContainer,
#ContStartseiteHTMLDiv,
#ContentContainerLay2,
#ContentContainerAussen10,
#ContentContainerAussen6,
#ContLay99ContainerDiv,
#Bottom1,
#BottomContainer,
#BottContHtmlDiv,
#CopyContainer,
#copyDiv,
#sitemapDiv,
#UeberschriftDiv,
#DetLay21Div,
#DetLay22Div,
#ContLay3Div,
#ContLay2Div,
#DetLay24Div,
#DetLay25Div,
#ContLay10ContainerDiv,
#ContLay6ContainerDiv,
#ContLay21ContainerDiv,
#ContLay22ContainerDiv,
#ContLay24ContainerDiv,
#ContLay21InfoContDiv,
#ContLay22InfoContDiv,
#ContLay24InfoContDiv,
#ContLay25InfoContDiv,
#ContLay21ImgDiv,
#DetLay21ImgDiv,
#ContLay22ImgDiv,
#DetLay22ImgDiv,
#ContLay24ImgDiv,
#DetLay24ImgDiv,
#DetLay25ImgDiv,
#ContLay25ImgDiv,
#ContLay6ImgDiv,
#ContLay10ImgDiv,
#ContLay21InfoImgDiv,
#ContLay22InfoImgDiv,
#ContLay24InfoImgDiv,
#ContLay25InfoImgDiv,
#ContLay21InfoVidSoundclContDiv,
#ContLay22InfoVidSoundclContDiv,
#ContLay24InfoVidSoundclContDiv,
#ContLay25InfoVidSoundclContDiv,
#ContLay24VidSoundclContDiv,
#ContLay2VidDiv,
#ContLay21InfoVidDiv1,
#ContLay21VidDiv,
#DetLay21VidDiv,
#ContLay24InfoVidDiv1,
#DetLay24VidDiv,
#ContLay24VidDiv,
#ContLay25InfoVidDiv1,
#ContLay25VidDiv,
#DetLay25VidDiv,
#ContLay22InfoVidDiv1,
#DetLay22VidDiv,
#ContLay22VidDiv,
#ContLay6VidDiv,
#ContLay10VidDiv,
#ContLay3VidDiv,
#ContLay21InfoVidDiv1 iframe,
#ContLay21VidDiv iframe,
#DetLay21VidDiv iframe,
#ContLay24InfoVidDiv1 iframe,
#DetLay24VidDiv iframe,
#ContLay25InfoVidDiv1 iframe,
#ContLay25VidDiv iframe,
#DetLay25VidDiv iframe,
#ContLay22InfoVidDiv1 iframe,
#ContLay22VidDiv iframe,
#DetLay22VidDiv iframe,
#ContLay6VidDiv iframe,
#ContLay10VidDiv iframe,
#ContLay3VidDiv iframe,
#ContLay2SoundDivIframe,
#ContLay2VidDiv iframe,
#ContLay21InfoVidDiv2,
#ContLay24InfoVidDiv2,
#ContLay25InfoVidDiv2,
#ContLay22InfoVidDiv2,
#ContLay22InfoVidDiv2,
#ContLay21InfoVidDiv2 iframe, #ContLay24InfoVidDiv2 iframe, #ContLay25InfoVidDiv2 iframe, #ContLay22InfoVidDiv2 iframe,
#ContLay24InfoDateianhang,
#ContLay24Dateianhang,
#ContLay21InfoDateianhang,
#ContLay25InfoDateianhang,
#ContLay25Dateianhang,
#DetLay25Dateianhang,
#ContLay21Dateianhang,
#DetLay21Dateianhang,
#DetLay24Dateianhang,
#ContLay2Dateianhang,
#ContLay22InfoDateianhang,
#DetLay22Dateianhang,
#ContLay22Dateianhang,
#ContLay6Dateianhang,
#ContLay10Dateianhang,
#AnfrageDiv, #AnfrageDiv10,
#AnfrageImg, #AnfrageImg10,
#AnfrageImg:hover, #AnfrageImg:active, #AnfrageImg:focus,
#AnfrageImg10:hover, #AnfrageImg10:active, #AnfrageImg10:focus,
#ContLay2SubuebDiv,
#ContLay3SubuebDiv,
#ContLay6SubuebDiv,
#ContLay10SubuebDiv,
#ContLay21SubuebDiv,
#DetLay21SubuebDiv,
#ContLay22SubuebDiv,
#DetLay22SubuebDiv,
#DetLay24SubuebDiv,
#DetLay25SubuebDiv,
#ContLay21InfoSubuebDiv,
#ContLay22InfoSubuebDiv,
#ContLay24InfoSubuebDiv,
#ContLay25InfoSubuebDiv,
#cookieaendern, #cookieaendern:hover,
#ScrollerBottom,
input,
a, a:hover,
p {
transition-property: all;
-moz-transition-property: all;
-webkit-transition-property: all;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
#NavipunktContainer ul a:focus {
outline:1px dotted black;
outline-offset: -4px;
}
@media screen and (max-width: 959px) {
#prim2,
#TOP,
#HomeSitemSucheDiv,
#HomeButDiv, #SitemButDiv, #SucheButDiv,
#MobileMenuButton,
#htmlnav,
#ContSucheDiv,
#ContSucheDiv a:hover,
#BannerContainer1,
#BannerContainer1:hover,
#BannerContainer2,
#BannerContainer2:hover,
#OverTopContainer,
#OverTopHtmlContDIV,
#OverTopHtmlContDIV.fixed,
#TopHTMLContainer,
#NavigationContainer,
#NavigationContainer:hover,
#NavigationContainer.fixed,
#NavipunktContainer,
#SlideShowContainer,
#SlideShowContDiv,
#PFADnav,
#ContentContainer,
#ContStartseiteHTMLDiv,
#ContentContainerLay2,
#ContentContainerAussen10,
#ContentContainerAussen6,
#ContLay99ContainerDiv,
#Bottom1,
#BottomContainer,
#BottContHtmlDiv,
#CopyContainer,
#copyDiv,
#sitemapDiv,
#UeberschriftDiv,
#DetLay21Div,
#DetLay22Div,
#ContLay3Div,
#ContLay2Div,
#DetLay24Div,
#DetLay25Div,
#ContLay10ContainerDiv,
#ContLay6ContainerDiv,
#ContLay21ContainerDiv,
#ContLay22ContainerDiv,
#ContLay24ContainerDiv,
#ContLay21InfoContDiv,
#ContLay22InfoContDiv,
#ContLay24InfoContDiv,
#ContLay25InfoContDiv,
#ContLay21ImgDiv,
#DetLay21ImgDiv,
#ContLay22ImgDiv,
#DetLay22ImgDiv,
#ContLay24ImgDiv,
#DetLay24ImgDiv,
#DetLay25ImgDiv,
#ContLay25ImgDiv,
#ContLay6ImgDiv,
#ContLay10ImgDiv,
#ContLay21InfoImgDiv,
#ContLay22InfoImgDiv,
#ContLay24InfoImgDiv,
#ContLay25InfoImgDiv,
#ContLay21InfoVidSoundclContDiv,
#ContLay22InfoVidSoundclContDiv,
#ContLay24InfoVidSoundclContDiv,
#ContLay25InfoVidSoundclContDiv,
#ContLay24VidSoundclContDiv,
#ContLay2VidDiv,
#ContLay21InfoVidDiv1,
#ContLay21VidDiv,
#DetLay21VidDiv,
#ContLay24InfoVidDiv1,
#DetLay24VidDiv,
#ContLay24VidDiv,
#ContLay25InfoVidDiv1,
#ContLay25VidDiv,
#DetLay25VidDiv,
#ContLay22InfoVidDiv1,
#DetLay22VidDiv,
#ContLay22VidDiv,
#ContLay6VidDiv,
#ContLay10VidDiv,
#ContLay3VidDiv,
#ContLay21InfoVidDiv1 iframe,
#ContLay21VidDiv iframe,
#DetLay21VidDiv iframe,
#ContLay24InfoVidDiv1 iframe,
#DetLay24VidDiv iframe,
#ContLay25InfoVidDiv1 iframe,
#ContLay25VidDiv iframe,
#DetLay25VidDiv iframe,
#ContLay22InfoVidDiv1 iframe,
#ContLay22VidDiv iframe,
#DetLay22VidDiv iframe,
#ContLay6VidDiv iframe,
#ContLay10VidDiv iframe,
#ContLay3VidDiv iframe,
#ContLay2SoundDivIframe,
#ContLay2VidDiv iframe,
#ContLay21InfoVidDiv2,
#ContLay24InfoVidDiv2,
#ContLay25InfoVidDiv2,
#ContLay22InfoVidDiv2,
#ContLay22InfoVidDiv2,
#ContLay21InfoVidDiv2 iframe, #ContLay24InfoVidDiv2 iframe, #ContLay25InfoVidDiv2 iframe, #ContLay22InfoVidDiv2 iframe,
#ContLay24InfoDateianhang,
#ContLay24Dateianhang,
#ContLay21InfoDateianhang,
#ContLay25InfoDateianhang,
#ContLay25Dateianhang,
#DetLay25Dateianhang,
#ContLay21Dateianhang,
#DetLay21Dateianhang,
#DetLay24Dateianhang,
#ContLay2Dateianhang,
#ContLay22InfoDateianhang,
#DetLay22Dateianhang,
#ContLay22Dateianhang,
#ContLay6Dateianhang,
#ContLay10Dateianhang,
#AnfrageDiv, #AnfrageDiv10,
#AnfrageImg, #AnfrageImg10,
#AnfrageImg:hover, #AnfrageImg:active, #AnfrageImg:focus,
#AnfrageImg10:hover, #AnfrageImg10:active, #AnfrageImg10:focus,
#ContLay2SubuebDiv,
#ContLay3SubuebDiv,
#ContLay6SubuebDiv,
#ContLay10SubuebDiv,
#ContLay21SubuebDiv,
#DetLay21SubuebDiv,
#ContLay22SubuebDiv,
#DetLay22SubuebDiv,
#DetLay24SubuebDiv,
#DetLay25SubuebDiv,
#ContLay21InfoSubuebDiv,
#ContLay22InfoSubuebDiv,
#ContLay24InfoSubuebDiv,
#ContLay25InfoSubuebDiv,
#cookieaendern, #cookieaendern:hover,
#ScrollerBottom,
input,
a, a:hover,
p {
transition-property: all;
-moz-transition-property: all;
-webkit-transition-property: all;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
}
/*Smoothe Bewegung Ende */
/* ############### Preloader ############### */
body {
overflow: hidden;
}
#preloader {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.95); /* change if the mask should have another color then white */
z-index:9999999999; /* makes sure it stays on top */
}
#status {
width:200px;
height:200px;
position:fixed;
left:50%; /* centers the loading animation horizontally one the screen */
top:80%; /* centers the loading animation vertically one the screen */
background-image:url(../img/status.png); /* path to your loading animation */
background-repeat:no-repeat;
background-position:center;
margin:-100px 0 0 -100px; /* is width and height divided by two */
}
/* ####### LOADER V2 status*/
.loader {
border: 10px rgba(230,230,230,1);
border-radius: 50%;
border-top: 10px solid #3498db;
width: 120px;
height: 120px;
-webkit-animation: spin 3s linear infinite; /* Safari */
animation: spin 3s linear infinite;
position:fixed;
left:55%; /* centers the loading animation horizontally one the screen */
top:80%; /* centers the loading animation vertically one the screen */
right: 55%;
margin:-120px 0 0 -120px; /* is width and height divided by two */
}
/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.loadingtext {
padding-top: 20px;
font-size: 0.6em;
color: white;
}
/* ######## LOADER V2 status ende*/
/*############### preloader Ende ############### */
/* ######### DATEIANHANG ALLG ################ */
#ContLay24InfoDateianhang,
#ContLay24Dateianhang,
#ContLay21InfoDateianhang,
#ContLay25InfoDateianhang,
#ContLay25Dateianhang,
#DetLay25Dateianhang,
#ContLay21Dateianhang,
#DetLay21Dateianhang,
#DetLay24Dateianhang,
#ContLay2Dateianhang,
#ContLay22InfoDateianhang,
#DetLay22Dateianhang,
#ContLay22Dateianhang,
#ContLay6Dateianhang,
#ContLay10Dateianhang {
overflow: visible;
min-height: 30px;
height: auto;
clear: both;
margin-bottom: 2%;
margin-top: 1%;
background-color: rgba(255,255,255,0.7);
padding-top: 1%;
padding-bottom: 1%;
padding-left: 0%;
padding-right: 1%;
margin-left: auto;
margin-right: auto;
}
#ContLay24InfoDateianhang img,
#ContLay24Dateianhang img,
#ContLay21InfoDateianhang img,
#ContLay25InfoDateianhang img,
#ContLay25Dateianhang img,
#DetLay25Dateianhang img,
#ContLay21Dateianhang img,
#DetLay21Dateianhang img,
#DetLay24Dateianhang img,
#ContLay2Dateianhang img,
#ContLay22InfoDateianhang img,
#ContLay22Dateianhang img,
#DetLay22Dateianhang img,
#ContLay6Dateianhang img,
#ContLay10Dateianhang img {
vertical-align:middle;
height:1.8em;
width:auto;
display:inline-block;
margin-top:-5px;
transition-property:all;
-webkit-transition-property:all;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
#ContLay24InfoDateianhang p,
#ContLay24Dateianhang p,
#ContLay21InfoDateianhang p,
#ContLay25InfoDateianhang p,
#ContLay25Dateianhang p,
#DetLay25Dateianhang p,
#ContLay21Dateianhang p,
#DetLay21Dateianhang p,
#DetLay24Dateianhang p,
#ContLay2Dateianhang p,
#ContLay22InfoDateianhang p,
#ContLay22Dateianhang p,
#DetLay22Dateianhang p,
#ContLay6Dateianhang p,
#ContLay10Dateianhang p {
padding-left: 30px; /*auf null setzen, wenn nicht hintergrund-symbol aktiv ist*/
line-height: 1.5em;
font-size: 1 em;
text-decoration:none;
margin-bottom: 0.4%;
display:block;
text-align: left;
background-repeat: no-repeat;
background-position: 0% 50%;
background-size: 20px 20px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#ContLay24InfoDateianhang p img:hover,
#ContLay24Dateianhang p img:hover,
#ContLay21InfoDateianhang p img:hover,
#ContLay25InfoDateianhang p img:hover,
#ContLay25Dateianhang p img:hover,
#DetLay25Dateianhang p img:hover,
#ContLay21Dateianhang p img:hover,
#DetLay21Dateianhang p img:hover,
#DetLay24Dateianhang p img:hover,
#ContLay2Dateianhang p img:hover,
#ContLay22InfoDateianhang p img:hover,
#ContLay22Dateianhang p img:hover,
#DetLay22Dateianhang p img:hover,
#ContLay6Dateianhang p img:hover,
#ContLay10Dateianhang p img:hover {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#ContLay24InfoDateianhang p:hover,
#ContLay24Dateianhang p:hover,
#ContLay21InfoDateianhang p:hover,
#ContLay25InfoDateianhang p:hover,
#ContLay25Dateianhang p:hover,
#DetLay25Dateianhang p:hover,
#ContLay21Dateianhang p:hover,
#DetLay21Dateianhang p:hover,
#DetLay24Dateianhang p:hover,
#ContLay2Dateianhang p:hover,
#ContLay22InfoDateianhang p:hover,
#ContLay22Dateianhang p:hover,
#DetLay22Dateianhang p:hover,
#ContLay6Dateianhang p:hover,
#ContLay10Dateianhang p:hover {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* ######### DATEIANHANG ALLG ENDE ################ */
/* ######### ALLGEMEIN ZURUECK-BUTTONS / DETAIL-BUTTONS ######### */
#ContLay21DetDiv,
#ContLay22DetDiv,
#ContLay24DetDiv,
#ContLay25DetDiv,
#ContLay6DetDiv,
#ContLay10DetDiv {
z-index:11;
position:absolute;
float: none;
margin-left: auto;
margin-right: 1%;
margin-bottom: 1%;
bottom: 2%;
right: 1%;
left: auto;
top: auto;
width: 10%;
min-width: 130px;
text-align: center;
padding: 0%;
border-width: 0px;
border: 0px solid rgba(54,56,59,1);
/* -webkit-box-shadow: rgba(100,100,100,1) 2px 2px 2px 2px;
-moz-box-shadow: rgba(100,100,100,1) 2px 2px 2px 2px;
box-shadow: rgba(100,100,100,0.7) 1px 1px 1px 1px;*/
display:block;
justify-content: center; /* horizontal mittig */
align-items:center; /* vertikal mittig */
background: url("/lib/imgAllg/doppelpfeil.svg") no-repeat center center;
background-color: #000;
background-size: 30px 30px;
background-position:50% -100px;
background-blend-mode:difference;
background-color: rgba(230,230,230,1);
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/*Ãœberschreibe Standard-Layout Detailbutton*/
#ContLay21DetDiv {
position: relative;
}
#ContLay22DetDiv,
#ContLay24DetDiv,
#ContLay25DetDiv {
position: relative;
}
#DetLay21DetDiv:hover, #DetLay21DetDiv a:hover,
#ContLay21DetDiv:hover, #ContLay21DetDiv a:hover,
#ContLay22DetDiv:hover, #ContLay22DetDiv a:hover,
#DetLay22DetDiv:hover, #DetLay22DetDiv a:hover,
#DetLay24DetDiv:hover, #DetLay24DetDiv a:hover,
#ContLay24DetDiv:hover, #ContLay24DetDiv a:hover,
#DetLay25DetDiv:hover, #DetLay25DetDiv a:hover,
#ContLay25DetDiv:hover, #ContLay25DetDiv a:hover,
#ContLay6DetDiv:hover, #ContLay6DetDiv a:hover,
#ContLay10DetDiv:hover, #ContLay10DetDiv a:hover,
#Lay3ZurueckDiv:hover,
#zurueckDiv:hover {
cursor: pointer;
-webkit-transform:scale(1.0);
-moz-transform:scale(1.0);
-o-transform:scale(1.0);
transform:scale(1.0);
background-position:50%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#DetLay21DetDiv a,
#ContLay21DetDiv a,
#ContLay22DetDiv a,
#DetLay22DetDiv a,
#DetLay24DetDiv a,
#ContLay24DetDiv a,
#DetLay25DetDiv a,
#ContLay25DetDiv a,
#ContLay6DetDiv a,
#ContLay10DetDiv a,
#Lay3ZurueckDiv a,
#zurueckDiv p {
font-family: "Ubuntu-Condensed", Arial, sans-serif;
font-weight: 400;
display:block;
padding: 2%;
font-size: 1.3em;
color: rgba(54,56,59,1) !important;
background-color: rgba(54,56,59,0);
letter-spacing: normal;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#DetLay21DetDiv a:hover, #DetLay21DetDiv a:active, #DetLay21DetDiv a:focus,
#ContLay21DetDiv a:hover, #ContLay21DetDiv a:active, #ContLay21DetDiv a:focus,
#ContLay22DetDiv a:hover,
#DetLay22DetDiv a:hover,
#DetLay24DetDiv a:hover, #DetLay24DetDiv a:active, #DetLay24DetDiv a:focus,
#ContLay24DetDiv a:hover, #ContLay24DetDiv a:active, #ContLay24DetDiv a:focus,
#DetLay25DetDiv a:hover, #DetLay25DetDiv a:active, #DetLay25DetDiv a:focus,
#ContLay25DetDiv a:hover, #ContLay25DetDiv a:active, #ContLay25DetDiv a:focus,
#ContLay6DetDiv a:hover, #ContLay6DetDiv a:active, #ContLay6DetDiv a:focus,
#ContLay10DetDiv a:hover, #ContLay10DetDiv a:active, #ContLay10DetDiv a:focus,
#Lay3ZurueckDiv a:hover,
#zurueckDiv p:hover {
background-color: rgba(54,56,59,0);
display: block;
cursor: pointer;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
background-position:50%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* ########## Zurück-Buttons ####### */
#DetLay21DetDiv,
#DetLay22DetDiv,
#DetLay24DetDiv,
#DetLay25DetDiv,
#Lay3ZurueckDiv,
#ContLay10DetDiv,
#zurueckDiv {
z-index:11;
position:relative;
float: none;
margin-left: auto;
margin-right: auto;
margin-bottom: 1%;
margin-top: 2%;
bottom: 1%;
clear: both;
right: auto;
left: auto;
top: auto;
width: 10%;
min-width: 130px;
text-align: center;
padding: 0%;
border-width: 0px;
border: 0px solid rgba(54,56,59,1);
display:block;
justify-content: center; /* horizontal mittig */
align-items:center; /* vertikal mittig */
background: url("/lib/imgAllg/doppelpfeilLi.svg") no-repeat center center;
background-color: #000;
background-size: 30px 30px;
background-position:50% -300px;
background-blend-mode:difference;
background-color: rgba(230,230,230,1);
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
/* -webkit-box-shadow: rgba(100,100,100,1) 2px 2px 2px 2px;
-moz-box-shadow: rgba(100,100,100,1) 2px 2px 2px 2px;
box-shadow: rgba(100,100,100,0.7) 1px 1px 1px 1px;*/
-webkit-box-shadow: rgba(100,100,100,1) 0px 0px 0px 0px;
-moz-box-shadow: rgba(100,100,100,1) 0px 0px 0px 0px;
box-shadow: rgba(100,100,100,1) 0px 0px 0px 0px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/*####### DETAILBUTTONS 959 #### */
@media only screen and (max-width: 959px) {
#ContLay21DetDiv,
#ContLay22DetDiv,
#ContLay24DetDiv,
#ContLay25DetDiv,
#ContLay6DetDiv,
#ContLay10DetDiv {
z-index: 6;
position:relative;
bottom:inherit;
left: auto;
right: 0%;
float: none;
clear: both;
margin-left: auto;
margin-right: auto;
margin-top: 2%;
margin-bottom: 3%;
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
}
/*####### DETAILBUTTONS 959 ENDE #### */
/* ######### ALLGEMEIN ZURUECK-DETAIL-BUTTONS ENDE ######### */
/* ########## ANFRAGE-BUTTON ALLG ############## */
/*Anfrage der Seite*/
#AnfrageDiv, #AnfrageDiv10 {
position:relative;
float:none;
clear:both;
z-index: 6000;
max-width: 30px;
width: 30px;
height: 30px;
margin-left: auto;
margin-right: auto;
margin-bottom: 3%;
margin-top: 1%;
top: 1%;
left: auto;
right: auto;
background-color: rgba(0, 0, 0, 0);
}
#AnfrageImg, #AnfrageImg10 {
cursor: pointer;
max-height: 30px;
height: 30px;
width: 30px;
}
#AnfrageImg:hover, #AnfrageImg:active, #AnfrageImg:focus,
#AnfrageImg10:hover, #AnfrageImg10:active, #AnfrageImg10:focus {
z-index: +1;
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
-o-transform:scale(1.3);
transform:scale(1.3);
}
/*Anfrage der Seite ENDE*/
/* ########## ANFRAGE-BUTTON ALLG ENDE ############## */
/* ######### ALLGEMEIN VIDEOS und SOUNDCLOUD ######### */
#ContLay21InfoVidSoundclContDiv,
#ContLay22InfoVidSoundclContDiv,
#ContLay24InfoVidSoundclContDiv,
#ContLay25InfoVidSoundclContDiv,
#ContLay24VidSoundclContDiv {
position: relative;
float: none;
clear: both;
margin-left: auto;
margin-right: auto;
max-width: 90%;
min-height: 0px;
overflow: hidden;
width: 90%;
margin-bottom: 3%;
margin-top: 1%;
}
/* ######### für VIDEOS */
#ContLay2VidDiv,
#ContLay21InfoVidDiv1,
#ContLay21VidDiv,
#DetLay21VidDiv,
#ContLay24InfoVidDiv1,
#DetLay24VidDiv,
#ContLay24VidDiv,
#ContLay25InfoVidDiv1,
#ContLay25VidDiv,
#DetLay25VidDiv,
#ContLay22InfoVidDiv1,
#DetLay22VidDiv,
#ContLay22VidDiv,
#ContLay6VidDiv,
#ContLay10VidDiv,
#ContLay3VidDiv {
float: none;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 1%;
margin-bottom: 1%;
clear: both;
width: 100%;
max-width:600px;
border-radius: 3px;
background-color: rgba(230,230,230,0);
padding: 0%;
position: relative;
min-height: 90px;
text-align: center;
}
#ContLay21InfoVidDiv1 iframe,
#ContLay21VidDiv iframe,
#DetLay21VidDiv iframe,
#ContLay24InfoVidDiv1 iframe,
#DetLay24VidDiv iframe,
#ContLay24VidDiv iframe,
#ContLay25InfoVidDiv1 iframe,
#ContLay25VidDiv iframe,
#DetLay25VidDiv iframe,
#ContLay22InfoVidDiv1 iframe,
#ContLay22VidDiv iframe,
#DetLay22VidDiv iframe,
#ContLay6VidDiv iframe,
#ContLay10VidDiv iframe,
#ContLay3VidDiv iframe {
width: 100%;
height:100%;
min-height: 340px;
background-color: rgba(0,0,0,1);
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
/* ######### für Lay 2 Soundcloud */
#ContLay2SoundDivIframe {
float: none;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 1%;
margin-bottom: 1%;
clear: both;
width: 100%;
max-width:600px;
border-radius: 3px;
background-color: rgba(230,230,230,1);
padding: 1%;
position: relative;
min-height: 0px;
text-align: center;
}
#ContLay2VidDiv iframe {
width:100%;
height:auto;
min-height:340px;
max-width: 600px;
}
/* ######### für SOUNDCLOUD */
#ContLay21InfoVidDiv2,
#ContLay24InfoVidDiv2,
#ContLay25InfoVidDiv2,
#ContLay22InfoVidDiv2,
#ContLay22InfoVidDiv2 {
float: none;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 0%;
margin-bottom: 1%;
clear: both;
width: 100%;
min-width: 49%;
max-width:600px;
border-radius: 3px;
background-color: rgba(230,230,230,1);
padding: 1%;
position: relative;
min-height: 90px;
text-align: center;
}
#ContLay21InfoVidDiv2 iframe, #ContLay24InfoVidDiv2 iframe, #ContLay25InfoVidDiv2 iframe, #ContLay22InfoVidDiv2 iframe {
width: 100%;
height:100%;
min-height: 340px;
}
/* ### Video-Soundcloud 959 ####*/
@media only screen and (max-width: 959px) {
#ContLay21InfoVidDiv2 iframe,
#ContLay24InfoVidDiv2 iframe,
#ContLay25InfoVidDiv2 iframe,
#ContLay22InfoVidDiv2 iframe,
#ContLay2VidDiv iframe,
#ContLay21InfoVidDiv1 iframe,
#ContLay21VidDiv iframe,
#DetLay21VidDiv iframe,
#ContLay24InfoVidDiv1 iframe,
#DetLay24VidDiv iframe,
#ContLay25InfoVidDiv1 iframe,
#ContLay25VidDiv iframe,
#DetLay25VidDiv iframe,
#ContLay22InfoVidDiv1 iframe,
#DetLay22VidDiv iframe,
#ContLay6VidDiv iframe,
#ContLay10VidDiv iframe,
#ContLay3VidDiv iframe {
height: auto;
max-height:inherit;
min-height: 340px;
}
}
/* ### Video-Soundcloud 959 ENDE ####*/
/* ######### ALLGEMEIN VIDEOS und SOUNDCLOUD ENDE ######### */
/*Suchebutton in der Sloganzeile*/
#SucheButtonSlogan {
position: absolute;
float: none;
clear: both;
margin-left: auto;
margin-right: auto;
width: auto;
min-width: 70px;
max-width: inherit;
background-color: rgba(255,255,255,0.8);
padding: 0.2%;
padding-right: 10px;
padding-left: 10px;
top: 10px;
right: auto;
left: 1%;
text-align: right;
text-size:1em;
border: 0px solid rgba(180,180,180,1);
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius:3px;
background-image: url("../img/suche.png");
background-repeat: no-repeat;
background-size: 15px;
background-position: 5% 50%;
-webkit-transition-property: all;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
#SucheButtonSlogan:hover {
background-color: rgba(200,200,200,1);
-webkit-transition-property: all;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
/*############################################# 959 */
/*mobile HINTERGRÃœNDE*/
@media screen and (max-width: 959px) {
#SucheButtonSlogan {
display: none;
}
}
/*SUCHE BUTTON SLOGAN ENDE*/
/*SUCHEBUTTON UNTEN */
#SucheButton {
position: relative;
float: none;
clear: both;
margin-left: auto;
margin-right: auto;
margin-bottom: 2%;
width: 50%;
max-width: 250px;
background-color: rgba(230,230,230,1);
padding: 1%;
text-align: center;
text-size:1em;
border: 0px solid rgba(180,180,180,1);
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius:3px;
background-image: url("../img/suche.png");
background-repeat: no-repeat;
background-size: 20px;
background-position: 5% 50%;
-webkit-transition-property: all;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
#SucheButton:hover {
background-color: rgba(200,200,200,1);
-webkit-transition-property: all;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
/*############################################# 959 */
/*mobile HINTERGRÃœNDE*/
@media screen and (max-width: 959px) {
#SucheButton {
width: 100%;
max-width: 100%;
min-width: 200px;
padding: 3%;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius:0px;
}
}
/*SUCHE BUTTON ENDE*/
/* ######################### NAVIGATION CONTAINER ################### */
/*Navigation aktivstatus ######################### */
#navactive {
display: block;
}
#navactive font {
display: block;
color: rgba(0,0,0,1);
background-color: rgba(0,0,0,0);
}
#navactive {
background-color: rgba(230,230,230,1);
border: 0px solid rgba(180,180,180,1);
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
background-image: url(/lib/imgAllg/dreieckUn.svg);
background-position: 50% 0;
background-size: 15px 15px;
background-repeat: no-repeat;
display: block!important;
}
#navactive:hover, #navactive font:hover {
background-color: rgba(230,230,230,1)!important;
display: block!important;
}
/*Navigation aktivstatus ENDE ##################### */
/*aktiv*/
.pnact1 {
background-color: rgba(50,50,50,0.1)!important;
}
.pnact1:hover, .pnact1:focus {
z-index: +1;
-webkit-transform:scale(1.0);
-moz-transform:scale(1.0);
-o-transform:scale(1.0);
transform:scale(1.0);
}
/*Überschreibe Navigationsinhalt Größe*/
#navigationV4 {
max-width: 1500px!important;
}
/*überschreibe Navigationspunkte Eigenschaften */
ul.FM_CSS_navigationV4 li a {
width:100%!important;
max-width: 210px!important;
color: rgba(0,0,0,1);
}
/*Hintergrund Aufklappmenue*/
ul.FM_CSS_navigationV4 li {
margin-right:0px!important;
margin-left: 1px!important;
border-bottom:0px solid rgba(230,230,230,1)!important;
border-radius: 0px!important;
-moz-border-radius: 0px!important;
-webkit-border-radius: 0px!important;
}
/*########## Navipunkte Schriftgröße Änderung mit Browsergröße */
@media screen and (max-width: 1290px) {
ul.FM_CSS_navigationV4 li a {
font-size:0.8em!important;
max-width: 160px!important;
color: rgba(0,0,0,1);
padding: 25px 10px 10px 10px!important;
}
}
@media screen and (max-width: 1072px) {
ul.FM_CSS_navigationV4 li a {
font-size:0.7em!important;
max-width: 130px!important;
color: rgba(0,0,0,1);
}
}
/*########## Navipunkte 1120 Schriftgröße Änderung Ende */
#NavigationContainer {
text-align: center;
float:none;
margin-left: auto;
margin-right: auto;
clear: both;
margin-top: 0px;
height:60px;
min-height:50px;
width:100%;
max-width: 1500px;
position:relative;
padding-right: 0%;
padding-left: 0%;
padding-top: 0px;
z-index: 0;
background-color: rgba(54,56,59,0); /*Hintergrund Navigationsleiste*/
overflow: visible;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-moz-animation-duration: 0.3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 1.0s;
-moz-animation-delay: 1.0s;
animation-delay: 1.0s;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
animation-name: fadeIn;
}
#NavigationContainer.fixed {
position:fixed;
top:0px;
left: 0px;
right: 0px;
width: 100%;
margin-left: auto;
margin-right: auto;
background-color:rgba(255,255,255,0);
-webkit-transition-property: all;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
#NavipunktContainer {
z-index: 0;
position: relative;
float:none;
height:100%;
height: 61px;
margin-left:auto;
margin-right:auto;
width:auto;
max-width: 1500px;
min-width: 250px;
background-color: rgba(230,230,230,0);
border-bottom: 1px solid rgba(230,230,230,1);
/* box-shadow:1px 1px 1px 1px #e3e3e3;
-moz-box-shadow:1px 1px 1px 1px #e3e3e3;
-webkit-box-shadow:1px 1px 1px 1px #e3e3e3;*/
}
#NavipunktContainer.fixed {
height: 70px;
margin-top: 0px;
padding: 5px;
border-bottom: 2px solid rgba(200,200,200,1);
background-color:rgba(200,200,200,1);
-webkit-transition-property: all;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
/*########## NAVIGATION 1120 */
@media screen and (max-width: 1120px) {
#NavipunktContainer {
}
}
/*########## NAVIGATION 959 */
@media screen and (max-width: 959px) {
#NavigationContainer {
visibility: hidden;
display: none;
}
#NavigationContainer.fixed {
visibility: hidden;
display: none;
}
}
/*########## NAVIGATION 959 ENDE */
/* ######################### NAVIGATION CONTAINER ENDE ################### */
/*################ FLEXMENUE #################################################*/
#navigationV4 {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
ul.FM_CSS_navigationV4, ul.FM_reset, ul.FM_CSS_navigationV4 div, ul.FM_CSS_navigationV4 span, ul.FM_CSS_navigationV4 ul, ul.FM_CSS_navigationV4 li, ul.FM_CSS_navigationV4 table, ul.FM_CSS_navigationV4 tr, ul.FM_CSS_navigationV4 th, ul.FM_CSS_navigationV4 td, ul.FM_CSS_navigationV4 a {
background: none repeat top left scroll;
border-left: 0 none #000000;
border-top: 0 none #000000;
border-bottom: 0 none #000000;
border-right: 0px solid #000000;
margin: 0 0 0 0;
padding: 0 0 0 0;
color:rgba(0,0,0,1);
/* border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;*/
}
.relativeDiv {
position: relative;
}
/*************************************************************************************************/
/* I.A. Global resets */
/*************************************************************************************************/
/* I.A.1. Remove list style */
ul.FM_CSS_navigationV4, ul.FM_CSS_navigationV4 ul {
list-style-type: none;
list-style-position: outside;
list-style-image: none;
}
/* I.A.2. Remove anchor outlines when clicked */
ul.FM_CSS_navigationV4 a:active, ul.FM_CSS_navigationV4 a:focus {
outline-style: none;
}
/* I.A.3. Force block display on lists and list items */
ul.FM_CSS_navigationV4, ul.FM_CSS_navigationV4 ul {
display: block;
}
ul.FM_CSS_navigationV4 li {
display: block;
}
/* I.A.4. Hide span overflow */
ul.FM_CSS_navigationV4 span {
overflow: hidden;
}
/* I.A.5. Display and positioning for containers */
ul.FM_CSS_navigationV4 {
position: relative;
display: inline-block;
width:auto;
height:auto;
}
div.FM_CSS_navigationV4_container {
float: none;
margin-left: auto;
margin-right: auto;
z-index: 0; /*EBENENLAGE NAVIGATION Ebene 1*/
text-align: center;
background-repeat: repeat-x;
background-position: center center;
}
div.FM_CSS_navigationV4_container.stick {
position: fixed;
top: 0px;
}
*+html ul.FM_CSS_navigationV4 {
display: inline;
}
ul.FM_CSS_navigationV4 ul {
position: absolute;
z-index: 10; /*EBENENLAGE NAVIGATION Ebene 2*/
}
/* I.A.6. Reset margin to 0 for all menu containers */
ul.FM_CSS_navigationV4, ul.FM_CSS_navigationV4 ul {
margin: 0 0 0 0; /*Position Navigation Generell */
background-color:rgba(0,0,0,0.1); /* EBENE 1 - HINTERGRUND Navigation NULLEBENE generell*/
}
/* I.A.7. Reset padding to 0 for all menu containers */
ul.FM_CSS_navigationV4, ul.FM_CSS_navigationV4 ul {
padding: 0px 1px 0px 0px; /* Position Navigationspunkte generell - ob, re, un, li */
}
/* I.A.8. Display block for all anchors in list items */
ul.FM_CSS_navigationV4 a {
display:block;
}
/* I.A.9. Display block for all spans in list items, also height 100% */
ul.FM_CSS_navigationV4 span,ul.FM_CSS_navigationV4 font {
display: block;
}
/*************************************************************************************************/
/* I.B. Sub-menu visibility */
/*************************************************************************************************/
/* I.B.1. Hide by default all menus of level greater than one */
ul.FM_CSS_navigationV4 ul {
display: none;
}
/* I.B.2. Establish containing blocks (position: relative) from menu items on hover to be able to position sub-menus */
ul.FM_CSS_navigationV4 li {
position: relative;
}
ul.FM_CSS_navigationV4 ul li {
position: relative;
}
ul.FM_CSS_navigationV4 ul ul li {
position: relative;
}
/* I.B.3. Show submenu when hovering over menu item */
ul.FM_CSS_navigationV4 li >ul {
display: none;
}
ul.FM_CSS_navigationV4 li:hover >ul {
display: block;
}
/* * * * * * * || ||
* * * * * * * * * || LEVEL 1 ||
* * * * * * || ||
*/
/*************************************************************************************************/
/* II.A. Positioning */
/*************************************************************************************************/
/* II.A.1 Left float for horizontal menus (more rows will be generated if available width is overpassed) */
ul.FM_CSS_navigationV4 li {
float: left; /*Reihenfolge der Navigationspunkte in Ebene 1 - none=untereinander - left=nebeneinander */
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* II.A.2. Offsets for submenus: left, top */
ul.FM_CSS_navigationV4 {
top: 0px;
left: 0px;
}
/*************************************************************************************************/
/* II.B. Container design */
/*************************************************************************************************/
/* II.B.1. Background (color, image, image repeat, image position) */
/* II.B.2. Border */
/* II.B.3. Explicit container width/height (optional) */
div.FM_CSS_navigationV4_container {
padding: 0 0 0 0;
}
/* II.B.4. Container padding */
div.FM_CSS_navigationV4_container {
padding: 0px 0px 0px 0px;
}
/*************************************************************************************************/
/* II.C. Menu item design (default state) */
/*************************************************************************************************/
/* II.C.1. Padding */
/* II.C.2. Border */
/* II.C.3. Background (color, image, image repeat, image position) */
/* II.C.4. Text color */
/* II.C.5. Font size */
/* II.C.6. Font properties (family, weight, style, decoration) */
/* II.C.7. Text align */
/* II.C.8. Cursor */
/* II.C.9. Explicit item width/height, optional */
ul.FM_CSS_navigationV4 li a {
background: url('') no-repeat left center scroll;
border-left: 0px dotted #fff;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
border-right: 0px dotted #fff;
padding: 21px 15px 21px 15px; /* Position Schrift Ebene 1 - ob, re, un, li */
width:auto;
min-height:60px; /* Höhe Schrift Ebene 1 */
max-height: 60px;
max-width: 210px;
word-break:normal;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
ul.FM_CSS_navigationV4 li a, ul.FM_CSS_navigationV4 li a span, ul.FM_CSS_navigationV4 li a font {
font: normal normal normal 1.0em/100%;
font-family: "Ubuntu-Condensed", Arial, sans-serif;
font-weight: 300;
line-height: 1em;
color: rgba(0,0,0,1);
text-decoration:none; /*Schrift, ob unterstrichen */
text-align:center;
cursor: pointer;
background-color:transparent;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* II.C.10. Menu item spacing Hintergrund Hauptpunkte - HINTERGRUND BUTTONS EBENE 1 */
ul.FM_CSS_navigationV4 li {
padding: 0px 0px 0px 0px;
margin-right:auto;
margin-left: auto;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color:rgba(255,255,255,1); /*Hintergrundfarbe Ebene 1 Buttons*/
background-image: url(/lib/imgAllg/dreieckUn.svg);
background-position: 50% 0;
background-size: 0px 0px;
background-repeat: no-repeat;
/* box-shadow: 3px 3px 5px #777;
-moz-box-shadow: 3px 3px 5px #777;
-webkit-box-shadow: 3px 3px 5px #777;
box-shadow: 3px 3px 5px #777;*/
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/*************************************************************************************************/
/* II.D. Menu item design (hover state) */
/*************************************************************************************************/
/* II.D.*. Any of II.C. may be changed but colors should be the most common */
ul.FM_CSS_navigationV4 li.hovered >a {
background-color: rgba(0,0,0,1);
/* border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;*/
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* ################ Hover-Status NAVIPUNKT EBENE 1 */
ul.FM_CSS_navigationV4 li:hover >a,ul.FM_CSS_navigationV4 li.hover >a {
font: normal normal 300 1em/100%;
font-family: "Ubuntu-Condensed", Arial, sans-serif;
line-height: 1.0em;
color: #000;
text-decoration: none;
text-align:center;
cursor: pointer;
background-color:rgba(255,255,255,1);
background-image: url(/lib/imgAllg/dreieckUnSm.png);
background-position: 50% 0;
background-size: 10px 10px;
background-repeat: no-repeat;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
ul.FM_CSS_navigationV4 li.hovered >a, ul.FM_CSS_navigationV4 li.hovered >a span, ul.FM_CSS_navigationV4 li.hovered >a font {
font: normal normal 300 1em/100%;
font-family: "Ubuntu-Condensed", Arial, sans-serif;
color: #212121;
text-decoration: none;
text-align: center;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
ul.FM_CSS_navigationV4 li:hover >a,ul.FM_CSS_navigationV4 li.hover >a, ul.FM_CSS_navigationV4 li:hover >a span, ul.FM_CSS_navigationV4 li.hover >a span, ul.FM_CSS_navigationV4 li:hover >a font, ul.FM_CSS_navigationV4 li.hover >a font {
font: normal normal 300 1em/100%;
font-family: "Ubuntu-Condensed", Arial, sans-serif;
color: #000;
text-decoration: none;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/*************************************************************************************************/
/* II.E. Has children icon (default state) */
/*************************************************************************************************/
ul.FM_CSS_navigationV4 li a span {
padding: 0px 0px 0px 0px;
background-image: none;
background-repeat: no-repeat;
background-position: right center;
}
ul.FM_CSS_navigationV4 li a span, ul.FM_CSS_navigationV4 li a font {
font: normal normal 300 1em/100%;
font-family: "Ubuntu-Condensed", Arial, sans-serif; /*NAVIGATIONSSCHRIFT FESTLEGEN*/
padding: 0px 0px 0px 0px;
height: 100%;
width: 100%;
}
/*************************************************************************************************/
/* II.F. Has children icon (hover state) */
/*************************************************************************************************/
ul.FM_CSS_navigationV4 li.hovered >a span {
padding: 0px 0px 0px 0px;
background-image: none;
background-repeat: no-repeat;
background-position: right center;
}
ul.FM_CSS_navigationV4 li:hover >a span,ul.FM_CSS_navigationV4 li.hover >a span {
background-image: none;
background-repeat: no-repeat;
background-position: right center;
}
ul.FM_CSS_navigationV4 li:hover >a span,ul.FM_CSS_navigationV4 li.hover >a span, ul.FM_CSS_navigationV4 li:hover >a font,ul.FM_CSS_navigationV4 li.hover >a font {
padding: 0px 0px 0px 0px;
}
ul.FM_CSS_navigationV4 li a.sel span {
background-image: none;
background-repeat: no-repeat;
background-position: right center;
}
ul.FM_CSS_navigationV4 li a.sel span, ul.FM_CSS_navigationV4 li a.sel font {
padding: 0px 0px 0px 0px;
}
/*************************************************************************************************/
/* III.B. Item customization */
/*************************************************************************************************/
/* III.B.1. Custom default item style */
ul.FM_CSS_navigationV4 li a.sel {
background: rgba(113,116,119,1) url('') no-repeat left center scroll;
border-left: 0px solid rgba(113,116,119,1);
border-top: 0 solid #000000;
border-bottom: 0 solid #000000;
border-right: 0 solid #000000;
}
ul.FM_CSS_navigationV4 li a.sel, ul.FM_CSS_navigationV4 li a.sel span, ul.FM_CSS_navigationV4 li a.sel font {
font: normal normal 300 1em/100%;
font-family: "Ubuntu-Condensed", Arial, sans-serif;
color: #fff;
text-decoration: none;
text-align: left;
cursor: pointer;
}
/* * * * * * * || ||
* * * * * * * * * || LEVEL 2 ||
* * * * * * || ||
*/
/*************************************************************************************************/
/* II.A. Positioning */
/*************************************************************************************************/
/* II.A.1 Left float for horizontal menus (more rows will be generated if available width is overpassed) */
ul.FM_CSS_navigationV4 ul li {
float:left; /*Position Hintergrund Ebene 2 */
width: 100%; /*Weite Hintergrund Ebene 2 */
}
/* II.A.2. Offsets for submenus: left, top */
ul.FM_CSS_navigationV4 li >.ui-effects-wrapper {
top: 4px;
left: 0px;
}
ul.FM_CSS_navigationV4 li ul {
top: 4px;
left: 0px;
}
/*************************************************************************************************/
/* II.B. Container design */
/*************************************************************************************************/
/* II.B.1. Background (color, image, image repeat, image position) */
/* II.B.2. Border */
/* II.B.3. Explicit container width/height (optional) */
ul.FM_CSS_navigationV4 ul {
background: none repeat left top scroll;
border-left: 0px solid #000000;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
border-right: 0px solid #000000;
width: auto;
height: auto;
min-height: 20px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* II.B.4. Container padding - EBENE 2 Aussenrahmen */
ul.FM_CSS_navigationV4 ul {
padding: 0px 0px 0px 0px;
margin-top: 55px; /*Position Ebene 2 Navigation*/
margin-left: 0px;
background-color:rgba(200,200,200,1);
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
/*************************************************************************************************/
/* II.C. Menu item design (default state) */
/*************************************************************************************************/
/* II.C.1. Padding */
/* II.C.2. Border */
/* II.C.3. Background (color, image, image repeat, image position) */
/* II.C.4. Text color */
/* II.C.5. Font size */
/* II.C.6. Font properties (family, weight, style, decoration) */
/* II.C.7. Text align */
/* II.C.8. Cursor */
/* II.C.9. Explicit item width/height, optional */
ul.FM_CSS_navigationV4 ul li a {
background: rgba(0,0,0,0.8) url('') no-repeat left center scroll; /*2. EBENE Hintergrundfarbe */
border-left: 0px solid #dea140;
border-top: 0 solid #dea140;
border-bottom: 0 solid #000000;
border-right: 0 solid #dea140;
padding: 13px;
width: auto;
min-width: 250px;
height:auto;
min-height: 20px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
ul.FM_CSS_navigationV4 ul li a, ul.FM_CSS_navigationV4 ul li a span, ul.FM_CSS_navigationV4 ul li a font {
font: normal normal 300 1em/100%;
font-family: "Ubuntu-Condensed", Arial, sans-serif;
line-height: 1.0em;
color: rgba(255,255,255,1); /*Textfarbe 2. Ebene */
text-decoration: none;
text-align: left;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* II.C.10. Menu item spacing */
ul.FM_CSS_navigationV4 ul li {
padding: 0px 0px 0px 0px;
}
/*************************************************************************************************/
/* II.D. Menu item design (hover state) */
/*************************************************************************************************/
/* II.D.*. Any of II.C. may be changed but colors should be the most common */
ul.FM_CSS_navigationV4 ul li.hovered >a {
background: #ccc url('') no-repeat left center scroll;
border-left: 0px solid #ccc;
border-top: 0 solid #dea140;
border-bottom: 0 solid #000000;
border-right: 0 solid #ccc;
}
ul.FM_CSS_navigationV4 ul li:hover >a,ul.FM_CSS_navigationV4 ul li.hover >a {
background: none no-repeat left center scroll;
border-bottom: 0px solid #c74b3e;
line-height: 1.2em;
padding: 13px;
width: auto;
text-shadow: none;
height: auto;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
ul.FM_CSS_navigationV4 ul li.hovered >a, ul.FM_CSS_navigationV4 ul li.hovered >a span, ul.FM_CSS_navigationV4 ul li.hovered >a font {
font: normal normal 300 1em/100%;
font-family: "Ubuntu-Condensed", Arial, sans-serif;
line-height: 1.0em;
color: #000;
text-decoration: none;
text-align: left;
cursor: pointer;
background-color: rgba(0,0,0,1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/*Hintergrund Text überschreiben 2. Ebene */
ul.FM_CSS_navigationV4 ul li:hover >a,ul.FM_CSS_navigationV4 ul li.hover >a, ul.FM_CSS_navigationV4 ul li:hover >a span, ul.FM_CSS_navigationV4 ul li.hover >a span, ul.FM_CSS_navigationV4 ul li:hover >a font, ul.FM_CSS_navigationV4 ul li.hover >a font {
font: normal normal 300 1em/100%;
font-family: "Ubuntu-Condensed", Arial, sans-serif;
line-height: 1.0em;
text-decoration: none;
text-align: left;
cursor: pointer;
display: block;
color: rgba(0,0,0,0.8); /*Textfarbe 2. Ebene Hover */
background-color:rgba(200,200,200,1); /* Hintergrundfarbe 2. Ebene Hover*/
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/*************************************************************************************************/
/* II.E. Has children icon (default state) */
/*************************************************************************************************/
ul.FM_CSS_navigationV4 ul li a span {
background-image: none;
background-repeat: no-repeat;
background-position: right center;
}
ul.FM_CSS_navigationV4 ul li a span, ul.FM_CSS_navigationV4 ul li a font {
padding: 0px 0px 0px 0px;
}
/*************************************************************************************************/
/* II.F. Has children icon (hover state) */
/*************************************************************************************************/
ul.FM_CSS_navigationV4 ul li.hovered >a span {
padding: 0px 0px 0px 0px;
background-image: none;
background-repeat: no-repeat;
background-position: right center;
}
ul.FM_CSS_navigationV4 ul li:hover >a span,ul.FM_CSS_navigationV4 ul li.hover >a span {
background-image: none;
background-repeat: no-repeat;
background-position: right center;
}
ul.FM_CSS_navigationV4 ul li:hover >a span,ul.FM_CSS_navigationV4 ul li.hover >a span, ul.FM_CSS_navigationV4 ul li:hover >a font,ul.FM_CSS_navigationV4 ul li.hover >a font {
padding: 0px 0px 0px 0px;
}
ul.FM_CSS_navigationV4 ul li a.sel span {
background-image: none;
background-repeat: no-repeat;
background-position: right center;
}
ul.FM_CSS_navigationV4 ul li a.sel span, ul.FM_CSS_navigationV4 ul li a.sel font {
padding: 0px 0px 0px 0px;
}
/*************************************************************************************************/
/* III.B. Item customization */
/*************************************************************************************************/
/* III.B.1. Custom default item style */
ul.FM_CSS_navigationV4 ul li a.sel {
background: rgba(113,116,119,1) url('') no-repeat left center scroll;
}
ul.FM_CSS_navigationV4 ul li a.sel, ul.FM_CSS_navigationV4 ul li a.sel span, ul.FM_CSS_navigationV4 ul li a.sel font {
font: normal normal 300 1em/100%;
font-family: "Ubuntu-Condensed", Arial, sans-serif;
color: #ffffff;
text-decoration: none;
text-align: left;
cursor: pointer;
background-color: rgba(100,100,100,1);
}
/* * * * * * * || ||
* * * * * * * * * || LEVEL 3 ||
* * * * * * || ||
*/
/*************************************************************************************************/
/* II.A. Positioning */
/*************************************************************************************************/
/* II.A.1 Left float for horizontal menus (more rows will be generated if available width is overpassed) */
ul.FM_CSS_navigationV4 ul ul li {
float: left;
}
/* II.A.2. Offsets for submenus: left, top */
ul.FM_CSS_navigationV4 ul .ui-effects-wrapper {
top: 0px;
left: 150px;
}
ul.FM_CSS_navigationV4 ul ul {
top: -9999px;
left: -9999px;
}
/*3. EBENE POSITION Navigation*/
ul.FM_CSS_navigationV4 li ul li ul {
left: 99%;
top: -50px;
}
/*************************************************************************************************/
/* II.B. Container design */
/*************************************************************************************************/
/* II.B.1. Background (color, image, image repeat, image position) */
/* II.B.2. Border */
/* II.B.3. Explicit container width/height (optional) */
ul.FM_CSS_navigationV4 ul ul {
width: 100%;
height: 100%;
background-image: url('');
}
/* II.B.4. Container padding */
ul.FM_CSS_navigationV4 ul ul {
padding: 0px 0px 0px 0px;
}
/*************************************************************************************************/
/* II.C. Menu item design (default state) */
/*************************************************************************************************/
/* II.C.1. Padding */
/* II.C.2. Border */
/* II.C.3. Background (color, image, image repeat, image position) */
/* II.C.4. Text color */
/* II.C.5. Font size */
/* II.C.6. Font properties (family, weight, style, decoration) */
/* II.C.7. Text align */
/* II.C.8. Cursor */
/* II.C.9. Explicit item width/height, optional */
ul.FM_CSS_navigationV4 ul ul li a {
background: #fff url('') no-repeat left center scroll;
padding: 15px;
width: auto;
min-height: 40px; /*Höhenangabe 3. Ebene Button*/
}
ul.FM_CSS_navigationV4 ul ul li a, ul.FM_CSS_navigationV4 ul ul li a span, ul.FM_CSS_navigationV4 ul ul li a font {
font: normal normal 300 1em/100%;
font-family: "Ubuntu-Condensed", Arial, sans-serif;
line-height: 1.0em;
color: #fff;
text-decoration: none;
text-align: left;
cursor: pointer;
background-color: rgba(100,100,100,1);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/* II.C.10. Menu item spacing */
ul.FM_CSS_navigationV4 ul ul li {
padding: 0 0 0 0;
}
/*************************************************************************************************/
/* II.D. Menu item design (hover state) */
/*************************************************************************************************/
/* II.D.*. Any of II.C. may be changed but colors should be the most common */
ul.FM_CSS_navigationV4 ul ul li.hovered >a {
background: #dea140 url('') no-repeat left center scroll;
}
ul.FM_CSS_navigationV4 ul ul li:hover >a,ul.FM_CSS_navigationV4 ul ul li.hover >a {
background: #dea140 url('') no-repeat left center scroll;
background-image: url(/lib/imgAllg/dreieckRe.svg); /*3. Ebene HOVER Hintergrund*/
background-position: 0 50%;
background-size: 10px 10px;
background-repeat: no-repeat;
min-height: 40px;
padding:20px;
}
ul.FM_CSS_navigationV4 ul ul li.hovered >a, ul.FM_CSS_navigationV4 ul ul li.hovered >a span, ul.FM_CSS_navigationV4 ul ul li.hovered >a font {
font: normal normal 300 1em/100%;
font-family: "Ubuntu-Condensed", Arial, sans-serif;
line-height: 1.0em;
color: #fff;
text-decoration: none;
text-align: left;
cursor: pointer;
}
ul.FM_CSS_navigationV4 ul ul li:hover >a,ul.FM_CSS_navigationV4 ul ul li.hover >a, ul.FM_CSS_navigationV4 ul ul li:hover >a span, ul.FM_CSS_navigationV4 ul ul li.hover >a span, ul.FM_CSS_navigationV4 ul ul li:hover >a font, ul.FM_CSS_navigationV4 ul ul li.hover >a font {
font: normal normal 300 1em/100%;
font-family: "Ubuntu-Condensed", Arial, sans-serif;
line-height: 1.0em;
color: #fff;
text-decoration: none;
text-align: left;
cursor: pointer;
background-color: rgba(0,0,0,1);
padding: 15px;
padding-left: 25px; /*Position Schrift 3. Ebene beim Hovern*/
}
/*************************************************************************************************/
/* II.E. Has children icon (default state) */
/*************************************************************************************************/
ul.FM_CSS_navigationV4 ul ul li a span {
background-image: none;
background-repeat: no-repeat;
background-position: right center;
}
ul.FM_CSS_navigationV4 ul ul li a span, ul.FM_CSS_navigationV4 ul ul li a font {
padding: 0px 0px 0px 0px;
}
/*************************************************************************************************/
/* II.F. Has children icon (hover state) */
/*************************************************************************************************/
ul.FM_CSS_navigationV4 ul ul li.hovered >a span {
padding: 0px 0px 0px 0px;
background-image: none;
background-repeat: no-repeat;
background-position: right center;
}
ul.FM_CSS_navigationV4 ul ul li:hover >a span,ul.FM_CSS_navigationV4 ul ul li.hover >a span {
background-image: none;
background-repeat: no-repeat;
background-position: right center;
}
ul.FM_CSS_navigationV4 ul ul li:hover >a span,ul.FM_CSS_navigationV4 ul ul li.hover >a span, ul.FM_CSS_navigationV4 ul ul li:hover >a font,ul.FM_CSS_navigationV4 ul ul li.hover >a font {
padding: 0px 0px 0px 0px;
}
ul.FM_CSS_navigationV4 ul ul li a.sel span {
background-image: none;
background-repeat: no-repeat;
background-position: right center;
}
ul.FM_CSS_navigationV4 ul ul li a.sel span, ul.FM_CSS_navigationV4 ul ul li a.sel font {
padding: 0px 0px 0px 0px;
}
/*************************************************************************************************/
/* III.B. Item customization */
/*************************************************************************************************/
/* III.B.1. Custom default item style */
ul.FM_CSS_navigationV4 ul ul li a.sel {
background: rgba(113,116,119,1) url('') no-repeat left center scroll;
border-left: 0px solid rgba(113,116,119,1);
border-top: 0 solid rgba(113,116,119,1);
border-bottom: 0 solid #000000;
border-right: 0 solid rgba(113,116,119,1);
}
ul.FM_CSS_navigationV4 ul ul li a.sel, ul.FM_CSS_navigationV4 ul ul li a.sel span, ul.FM_CSS_navigationV4 ul ul li a.sel font {
font: normal normal 300 1em/100%;
font-family: "Ubuntu-Condensed", Arial, sans-serif;
color: #ffffff;
text-decoration: none;
text-align: left;
cursor: pointer;
/*background-color: rgba(113,116,119,1);*/
}
/*################ FLEXMENUE ENDE #################################################*/