*{
margin: 0px;
padding: 0px;
}
html {height: 101%;}
header, main, footer, section, aside, nav, article { display: block;}
/*--------------------------Hintergrundvideo--------------------------*/
* {
box-sizing: border-box;
}
#myVideo {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
z-index: -1000;
display: inline-block;
}
.hgvideostoppen {
display: inline;
position: relative;
bottom: 0;
color: #fff;
width: auto;
padding: 0px;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 1px;
margin-left: 0px;
}
#myBtn {
width: 100px;
font-size: 1em;
border: none;
background-color: #6E6E6E;
color: #fff;
cursor: pointer;
text-align: left;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 30px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: white;
}
#myBtn:hover {
background: #AC936E;
color: black;
}
body {
font-size: 18px;
font-family: 'Roboto', sans-serif;
font-weight: 400 !important;
letter-spacing: 0.03em;
color: black;
line-height: 1.5em;
margin: 0px;
padding: 0px;
background-color: whitesmoke;
}
header, footer {
/*background-color: transparent !important;*/
max-width: 1200px;
height: auto;
margin-right: auto;
margin-left: auto;
}
.hpkcontainer {
background-color: transparent;
max-width: 1200px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
font-size: 1em;
padding: 5px;
}
header {
max-width: 1200px;
color: #6E6E6E;
padding: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.logo {
padding: 0px;
margin: 0px;
}
.logo img {
/*max-width: 235px;
max-height: 210px;*/
margin: 0px;
padding: 0px;
}
.seitencontainer {
background-color: transparent !important;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
max-width: 1200px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
font-size: 1em;
clear: both;
padding: 0px;
}
.navspalte {
-webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
-webkit-flex: 1; /* Safari 6.1+. iOS 7.1+, BB10 */
-ms-flex: 1; /* IE 10 */
flex: 1;
float: left;
background-color: transparent;
min-width: 350px;
max-width: 350px;
padding-top: 70px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 0px;
}
.navigation {
background-color: transparent;
padding: 0px;
/*min-width: 249px;
max-width: 249px;*/
margin-top: 45px;
margin-right: 0px;
margin-bottom: 50px;
margin-left: 0px;
}
.zitat {
background-color: transparent;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 20px; /*min-width: 250px;
max-width: 250px;*/
margin-top: 0px;
margin-right: 0px;
margin-bottom: 50px;
margin-left: 10px;
font-size: 0.9em;
letter-spacing: 0.1em;
}
#mobilenav {
width: 100%;
float: left;
display: block;
padding: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
z-index: 1000;
position: relative;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: black;
border-bottom-color: black;
}
main {
/*flex: 3;*/
float: left;
background-color: rgba(104, 106, 107, 0.1);
padding-top: 10px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
margin: 0px;
}
main img {
margin: 0px;
padding: 0px;
max-width: 100%;
height: auto;
display: block;
}
.mainoeffnungszeiten {
}
.slogan {
background-color: transparent;
text-align: right;
width: 100%;
padding: 0px;
margin: 0px;
}
footer {
background-color: #6E6E6E;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
max-width: 1200px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
font-size: 1em;
padding: 0px;
}
.adressefirmendaten {
-webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
-webkit-flex: 1; /* Safari 6.1+. iOS 7.1+, BB10 */
-ms-flex: 1; /* IE 10 */
flex: 1;
float: left;
background-color: transparent;
min-width: 350px;
max-width: 350px;
padding: 10px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 0px;
}
.kontaktundlageplan {
width: 100%;
display: flex;
float: left;
background-color: transparent;
margin: 0px;
padding-top: 10px;
padding-right: 1px;
padding-bottom: 0px;
padding-left: 0px;
}
.kontakt {
-webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
-webkit-flex: 1; /* Safari 6.1+. iOS 7.1+, BB10 */
-ms-flex: 1; /* IE 10 */
flex: 1;
float: left;
background-color: transparent;
/*min-width: 250px;
max-width: 250px;*/
color: white;
font-size: 1em;
letter-spacing: 0.1em;
min-width: 60%;
margin-top: 0px;
margin-right: 30px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
}
.lageplan {
-webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
-webkit-flex: 1; /* Safari 6.1+. iOS 7.1+, BB10 */
-ms-flex: 1; /* IE 10 */
flex: 1;
float: left;
background-color: transparent;
margin: 0px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 0px; /*min-width: 250px;
max-width: 250px;*/
color: white;
font-size: 1em;
letter-spacing: 0.1em;
}
.update {
width: 100%;
text-align: right;
margin: 0px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 50px;
padding-left: 0px;
}
.gotop {
width: 100%;
padding: 10px;
margin-top: 50px;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
text-align: right;
background-color: transparent;
}
img {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
/*
-------------------------------------------------
Elemente für mobile
-------------------------------------------------*/
#headermobile {
width: 100%;
height: auto !important;
color: #fff;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
font-size: 1em;
letter-spacing: 0.1em;
background-color: transparent;
padding: 0px;
}
.headermobilelogo {
margin: 0px;
background-color: transparent !important;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
.headermobileinhalte {
display: flex;
max-height: 350px;
background: #6E6E6E;
padding: 10px;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.headermobileinner {
flex: 1;
padding: 0px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 0px;
}
.footermobile {
background: #6E6E6E;
padding: 10px;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
color: white;
}
/*
-------------------------------------------------
Textformatierungen
-------------------------------------------------*/
p {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 30px;
margin-left: 0px;
font-size: 1em;
line-height: 1.5em;
letter-spacing: 0.02em;
}
a:link, a:visited {
color: black;
}
a:hover, a:focus, a:active {
color: black;
background-color: #AC936E !important;
}
h1 {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
font-family: 'Oswald', sans-serif;
letter-spacing: 0.03em;
font-size: 1.5em;
font-weight: 400;
color: #6E6E6E;
}
h2 {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 30px;
margin-left: 0px;
font-family: 'Oswald', sans-serif;
letter-spacing: 0.03em;
font-size: 1.1em;
font-weight: 400;
color: #6E6E6E;
}
h3 {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
letter-spacing: 0.03em;
font-size: 1em;
font-weight: 500;
}
h4 {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 0px;
letter-spacing: 0.03em;
font-size: 1em;
font-weight: 500;
}
ul, li {
padding: 0px;
font-size: 1em;
line-height: 1.5em;
letter-spacing: 0.02em;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 10px;
}
.navi p {
/*background: rgba(255,255,255,.9);*/
padding: 10px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
font-size: 1.2em;
font-weight: 700;
letter-spacing: 0.02em;
}
.kleintext {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 30px;
margin-left: 0px;
font-size: 0.4em;
line-height: 1.5em;
letter-spacing: 0.02em;
font-weight: normal;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.zitat p {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
font-family: 'Oswald', sans-serif;
letter-spacing: 0.05em;
font-size: 1.2em;
font-weight: 400;
color: #6E6E6E;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 30px;
}
p.zitattitel {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
font-family: 'Oswald', sans-serif;
letter-spacing: 0.05em;
font-size: 1.2em;
font-weight: 400 !important;
color: #AC936E;
}
.zitat p.autor {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 50px;
margin-left: 0px;
font-family: 'Oswald', sans-serif;
letter-spacing: 0.05em;
font-weight: 400;
font-size: 0.9em;
color: #6E6E6E;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 30px;
}
main a:link, main a:visited {
color: black;
background-color: transparent;
text-decoration: underline;
letter-spacing: 0.03em;
}
main a:hover, main a:active {
color: black;
background-color: #AC936E !important;
text-decoration: none;
letter-spacing: 0.03em;
}
.slogan h2 {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
font-family: 'Oswald', sans-serif;
letter-spacing: 0.03em;
font-size: 1.5em;
font-weight: 400;
color: #AC936E;
}
footer p {
color: #FFF;
font-size: 1em;
font-weight: 400;
letter-spacing: 0.03em;
}
.logo a:link, .logo a:visited {
background-color: transparent !important;
}
.logo a:hover, .logo a:active {
background-color: transparent !important;
}
.headermobilelogo a:link, .headermobilelogo a:visited {
background-color: transparent !important;
}
.headermobilelogo a:hover, .headermobilelogo a:active {
background-color: transparent !important;
}
.kontakt a:link, .kontakt a:visited {
color: #FFF !important;
font-size: 1em;
font-weight: 400;
letter-spacing: 0.03em;
}
.kontakt a:hover, .kontakt a:active {
color: #AC936E !important;
font-size: 1em;
font-weight: 400;
letter-spacing: 0.03em;
background-color: transparent !important;
}
.headermobileinner p {
margin: 0px;
padding: 0px;
}
.headermobileinner a:link, a:visited {
color: #FFF;
font-size: 1em;
font-weight: 400;
letter-spacing: 0.03em;
}
.headermobileinner a:hover, a:active {
color: #AC936E;
font-size: 1em;
font-weight: 400;
letter-spacing: 0.03em;
background-color: transparent !important;
}
.gotop a:link, .gotop a:visited {
color: #424242;
letter-spacing: 0.03em;
}
.gotop a:hover, .gotop a:active {
color: black;
background-color: #AC936E;
text-decoration: none;
letter-spacing: 0.03em;
}
/*
-------------------------------------------------
Tabellenformatierungen
-------------------------------------------------*/
table.tabellekontakt {
border: 1px solid #424242;
margin: 0px;
}
.tabellekontakt tr {
margin: 0px;
padding: 0px;
}
.tabellekontakt td {
background-color: #FFF;
margin: 0px;
padding: 0px;
}
td.spaltelabels {
margin: 0px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}
td.spalteinputs {
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 5px;
}
.bold400 {
font-weight: 400;
}
.bold500 {
font-weight: 700;
}
.kleintext {
font-size: 0.9em;
}
.inner {
margin: 0px;
padding-top: 60px;
padding-right: 40px;
padding-bottom: 0px;
padding-left: 60px;
}
.reset {
clear: both;
margin: 0px;
padding: 0px;
height: 1px;
}
/*img {
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
border: none;*/
/*
-------------------------------------------------
Formularformatierungen
-------------------------------------------------*/
label {
font-weight: 400;
margin: 0px;
padding: 0px;
}
input {
/*font-family: Verdana, Geneva, sans-serif;*/
margin: 0px;
padding: 5px;
background-color: #C7C7C7;
}
textarea {
/*font-family: Verdana, Geneva, sans-serif;*/
margin: 0px;
padding: 5px;
background-color: #C7C7C7;
}
.form_success {
font-weight: 400;
color: #3C3;
margin: 10px;
padding: 0px;
}
.form_error {
font-weight: 400;
color: #F03;
margin: 10px;
padding: 0px;
}
.icons {
background-color: #AC936E;
float: right;
color: #000;
margin: 0px !important;
padding: 0px !important;
}
.shariff .mail .fa-envelope {
font-size: 1em;
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
.shariff .info .fa-info {
display: none;
}
.shariff .theme-white .shariff-button a:link, .shariff .theme-white .shariff-button a:visited {
background-color: white !important;
color: #000;
}
.shariff .theme-white .shariff-button a:hover, .shariff .theme-white .shariff-button a:active {
background-color: #AC936E !important;
color: #000;
}
/*.shariff .article-social {
display: none;
}*/
.shariff li .fa {
line-height: 30px;
width: 30px;
}
.shariff .orientation-horizontal.col-1 li, .shariff .orientation-horizontal.col-2 li {
max-width: 30px;
min-width: 30px !important;
margin: 0px;
padding: 0px;
}
.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}
/* desktops */
@media screen and (min-width: 992px) {
.seitencontainer {
padding: 0px;
width: 100%;
}
#headermobile {
display: none;
}
label {
display: none;
}
.logomobile {display: none;
}
#mobilenav {display: none;
}
.footermobile {
display: none;
}
}
/* smarttablets*/
@media screen and (min-width: 768px) and (max-width: 991px) {
body {
/* Location of the image */
background-image: url("../img_hpk/graue-wellen-hpk_standbild.jpg");
/* Image is centered vertically and horizontally at all times */
background-position: center center;
/* Image doesn't repeat */
background-repeat: no-repeat;
/* Makes the image fixed in the viewport so that it doesn't move when
the content height is greater than the image height */
background-attachment: fixed;
/* This is what makes the background image rescale based on its container's size */
background-size: cover;
}
#myVideo {
display: none;
}
.hgvideostoppen {
display: none;
}
.hpkcontainer {
}
.seitencontainer {
padding: 0px;
width: 100%;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
flex-direction: column;
background-color: transparent;
}
header {
display: none;
}
main {
margin: 0px;
padding: 10px;
}
.navigation {
display: none;
}
.navspalte {
display: none;
}
footer {
/*-ms-flex-direction: column;
-webkit-box-orient: vertical;
flex-direction: column;*/
display: none;
}
.footermobile {
width: 100%;
}
.dynpg_H_header_image {
display: none;
}
.dynpg_H_header_lead img {
display: none;
}
}
/* minitablets */
@media screen and (max-width: 767px) {
body {
/* Location of the image */
background-image: url("../img_hpk/graue-wellen-hpk_standbild.jpg");
/* Image is centered vertically and horizontally at all times */
background-position: center center;
/* Image doesn't repeat */
background-repeat: no-repeat;
/* Makes the image fixed in the viewport so that it doesn't move when
the content height is greater than the image height */
background-attachment: fixed;
/* This is what makes the background image rescale based on its container's size */
background-size: cover;
}
#myVideo {
display: none;
}
.hgvideostoppen {
display: none;
}
.hpkcontainer {
background-image: none !important;
}
.headermobileinhalte {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
flex-direction: column;
margin: 0px;
padding: 0px;
height: 500px;
}
.headermobileinner {
padding: 10px;
margin: 0px;
}
.seitencontainer {
padding: 0px;
width: 100%;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
flex-direction: column;
}
.kontaktundlageplan {
padding: 0px;
width: 100%;
-ms-flex-direction: row;
-webkit-box-orient: vertical;
flex-direction: row;
background-color: green;
}
header {
display: none;
}
main {
margin: 0px;
padding: 10px;
}
.navigation {
display: none;
}
.navspalte {
display: none;
}
footer {
/*-ms-flex-direction: column;
-webkit-box-orient: vertical;
flex-direction: column;*/
display: none;
}
.footermobile {
width: 100%;
}
.dynpg_H_header_image {
display: none;
}
.dynpg_H_header_lead img {
display: none;
}
}
/* smartphones */
@media screen and (max-width: 480px) {
body {
/* Location of the image */
background-image: url("../img_hpk/graue-wellen-hpk_standbild.jpg");
/* Image is centered vertically and horizontally at all times */
background-position: center center;
/* Image doesn't repeat */
background-repeat: no-repeat;
/* Makes the image fixed in the viewport so that it doesn't move when
the content height is greater than the image height */
background-attachment: fixed;
/* This is what makes the background image rescale based on its container's size */
background-size: cover;
}
#myVideo {
display: none;
}
.hgvideostoppen {
display: none;
}
.hpkcontainer {
background-image: none !important;
}
.seitencontainer {
padding: 0px;
width: 100%;
}
header {
display: none;
}
.logomobile {
display: none;
}
table, thead, tbody, th, td, tr {
display: block;
}
td.spaltelabels {
display: none;
}
main {
margin: 0px;
padding: 10px;
}
.navigation {
display: none;
}
.navspalte {
display: none;
}
.seitencontainer {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
flex-direction: column;
}
footer {
/*-ms-flex-direction: column;
-webkit-box-orient: vertical;
flex-direction: column;*/
display: none;
}
.footermobile {
width: 100%;
}
.logomobile img {
width: 100px;
height: 89px;
}
.dynpg_H_header_image {
display: none;
}
.dynpg_H_header_lead img {
display: none;
}
}
@media screen and (max-width: 479px) {
body {
/* Location of the image */
background-image: url("../img_hpk/graue-wellen-hpk_standbild.jpg");
/* Image is centered vertically and horizontally at all times */
background-position: center center;
/* Image doesn't repeat */
background-repeat: no-repeat;
/* Makes the image fixed in the viewport so that it doesn't move when
the content height is greater than the image height */
background-attachment: fixed;
/* This is what makes the background image rescale based on its container's size */
background-size: cover;
}
#myVideo {
display: none;
}
.hgvideostoppen {
display: none;
}
.hpkcontainer {
background-image: none !important;
}
#headermobile {
-ms-flex-direction: row !important;
-webkit-box-orient: horizontal !important;
flex-direction: row !important;
}
.logomobile {
display: none;
}
.headermobileinhalte {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
flex-direction: column;
margin: 0px;
padding: 0px;
height: 500px;
}
}
/* korr bootstrap */
/*.navbar-default {
min-width: 100%;
background-color: #C00;
margin: 0px;
padding: 10px;
}*/
@media screen and (max-width: 991px) {
/*------------hintergrund active navi level 1 und 2 und schriftgrösse level 2 ---------*/
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 0px;
margin-left: 40px;
font-size: 0.8em;
list-style: none;
background-color: transparent;
background-clip: padding-box;
border: none;
/*border-radius: 0px;
-webkit-box-shadow: 0 px px rgba(0, 0, 0, .175);
box-shadow: 0 px 0px rgba(0, 0, 0, .175);*/
}
/*-------------------------------------------*/
.navbar-collapse {
max-height: 340px;
padding-right: 15px;
padding-left: 10px;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
border-top: 1px solid transparent;
margin: 0px;
}
/*------------schriftgroesse level 1---------*/
.navbar-default {
min-width: 100%;
background-color: transparent;
margin: 0px;
font-family: 'Oswald', sans-serif;
font-size: 1.1em;
font-weight: 400;
letter-spacing: 0.03em;
padding: 0px;
}
/*------------ende schriftgroesse level 1---------*/
.navbar-header {
float: none;
}
.navbar-toggle {
display: block;
margin-right: 20px;
}
.navbar-collapse {
border-top-width: 1px;
border-top-style: solid;
border-top-color: black;
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-collapse.collapse.in {
display: block!important;
}
/*----------------------------------------------------*/
/*------------hintergrund gesamte mobile nav---------*/
.navbar-nav {
float: none!important;
background-color: transparent !important;
padding: 0px;
margin: 0px;
}
/*------------ endehintergrund gesamte mobile nav---------*/
/*----------------------------------------------------*/
/*------------??????????????????????????????---------*/
.navbar-nav li {
float: none;
background-color: transparent;
list-style-type: none;
padding: 0px;
color: #FFF;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
/*----------------------------------------------------*/
/*------------hintergrund level 2 active ---------*/
.navbar-nav li a {
padding-top: 0px;
padding-bottom: 0px;
background-color: #AC936E;
margin-left: 0px;
padding-right: 0px;
padding-left: 0px;
color: #FFF !important;
}
/* ende ------------------*/
.scroller,
.dropdown-toggle {
font-size: 1.2em;
font-weight: 400;
margin: 3px;
}
.dropdown-menu .d_2 .hlink {
padding: 3px;
margin-top: 3px;
margin-right: 0px;
margin-bottom: 3px;
margin-left: 0px;
font-size: 1.35em;
font-weight: 400;
color: #FFF;
letter-spacing: 0.03em;
}
.dropdown-menu .d_2 .hover {
margin: 10px;
color: #FFF!important;
}
.dropdown-menu .d_2 .hlink_a {
margin-top: 3px;
margin-right: 0px;
margin-bottom: 3px;
margin-left: 0px;
padding: 3px;
font-size: 1.35em;
font-weight: 400;
letter-spacing: 0.03em;
}
/*--------------------hintergrund inactive level 1 und 2 ----------*/
.navbar-default .navbar-nav li .hlink {
color: white;
background-color: #6E6E6E;
letter-spacing: 0.03em;
}
.navbar-default .navbar-nav li a {
/*color: #CCFF66;*/
}
.navbar-default .navbar-nav li .hlink {
color: #fff;
letter-spacing: 0.03em;
}
.navbar-default .navbar-nav li a {
/*color: #214b7d;*/
}
.dropdown-toggle:hover{
background-color: #AC936E;
}
.navbar-default .navbar-nav .open .dropdown-menu li a {
color: #424242;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a.hlink_a {
letter-spacing: 0.03em;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-collapse {
max-height: none!important;
}
.navbar-collapse.collapse {
display: none !important;
}
.navbar-nav {
float: none !important;
margin-bottom: 7px;
margin-top: 7px;
}
.navbar-nav > li {
float: none;
}
.navbar-nav .open .dropdown-menu {
border: 0 none;
float: none;
margin-top: 0px;
position: static;
width: auto;
}
.dropdown-menu {
/*left: 10px;*/
}
.left_inner {
padding: 0px;
margin: 0px;
}
#icons {
display: none;
}
.navbar-default .navbar-brand {
/*color: aqua;*/
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
/*color: aqua;*/
}
.navbar-default .navbar-text {
/*color: green;*/
}
.navbar-default .navbar-nav > li > a {
/*color: aqua;*/
background-color: #FFF;
font-size: 1.2em;
font-family: 'Oswald', sans-serif;
padding: 10px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
letter-spacing: 0.03em;
font-weight: 400;
}
/*----------------------------------------------------*/
/*------------hintergrund level 1 inactive hover ---------*/
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: white;
background-color: gray;
font-size: 1.2em;
font-family: 'Oswald', sans-serif;
padding: 10px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
letter-spacing: 0.03em;
font-weight: 400;
display: block;
}
/*----------------------------------------------------*/
/*------------hintergrund level 1 active ohne geöffnete level 2---------*/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: white;
background-color: #AC936E;
font-size: 1.2em;
font-family: 'Oswald', sans-serif;
padding: 10px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
letter-spacing: 0.03em;
font-weight: 400;
display: block;
text-decoration: none;
}
/*----------------hintergrund mobile nav level 1 active mit geöffneter level 2------------*/
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #fff;
background-color: #AC936E;
font-size: 1.2em;
font-family: 'Oswald', sans-serif;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
letter-spacing: 0.03em;
font-weight: 400;
display: block;
padding: 10px;
}
.navbar-default .navbar-toggle {
border: 2px solid #000000;
background-color: #6E6E6E;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #AC936E;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #000000;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
/*border-color: #f6f8f9;*/
}
.navbar-default .navbar-link {
color: #FFF;
background-color: transparent;
letter-spacing: 0.03em;
}
.navbar-default .navbar-link:hover {
color: #FFFFFF;
background-color: transparent;
letter-spacing: 0.03em;
}
}
@media print {
a[href]:after {
content: none !important;
}
}
/*--------------------------dynpg--------------------------*/
div.dynpg_AA_row_HeadtextA
{
letter-spacing: 0.03em;
font-size: 1.1em;
font-weight: 400;
}
div.dynpg_AA_row_HeadtextB
{
letter-spacing: 0.03em;
font-size: 1.1em;
font-weight: 400;
}
div.article-media {
background-color: white;
}
/*--------------------------Zusatzinfos--------------------------*/
.reset {
clear: both;
margin: 0px;
padding: 0px;
height: 1px;
}
.textauszeichnung {
font-style: normal !important;
}
.dynpg_A_btnrecommend {
padding: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}