   html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
}
section {
clear:both;
text-align: center;
width: auto;
margin: auto 0;
2font-size: 80%;
padding:5% .5em;
line-height: 2.1;
}
content2 {
text-align: left;
width: auto;
margin-left: 5%;
font-size: 80%;
padding:5% .5em;
line-height: 2.1;
}
article  { 
clear:both;
width: 80%;
margin: auto 10%;
float: left;
position: relative;
text-align: justify;
font-size: 110%;
padding:.5em .5em;
line-height: 2.1;   
}
article p {
text-align: justify;
}
@media screen and (max-width:800px) {
.article {
width: 90%;
margin: 0 auto;
text-align: center;
padding: 0 ;
clear: both;
}
}
.box_three.p-80  {
padding: 0;
margin: 0;
font-size:.8em;
text-align: justify;
color: #fff;
}                 
p {
width: 99%;
margin: auto 0;
padding:.5em .2em;
text-align: left;
line-height: 1.4;
font-size: 100%;
color: #666666;
}
@media screen and (min-width:800px){
p {
font-size: 1.2em;
2width: 80%;
margin: 0;
padding:.5em .5em;
text-align: left;
line-height: 1.9;
}
}
a {
color:#ffcc33;
text-decoration: none;
font-size:1.1em;
background-color: transparent;
font-family: 'Roboto';
font-weight: 400;
}
em,  article  em  {
font-size: 90%;
width:100%;
line-height: .8;
}
h1{
width: 99%;
text-align: center;
font-size: 2.7em;
margin: 0.67em 0;
color:#404552; font-weight: 400;
font-family: 'Roboto';
}                         
h1 {
margin: 0 auto;
font-size: 2.7em;
padding-top: 1em;
}
.page-id-1550 h1,
.page-id-1550 a{
color:#404552;
font-family: 'Roboto';
}
h2 {
margin: 5% auto;
font-size: 2.1em;
padding-bottom: 0;
text-align: center;
font-weight: 300;
max-width: 100%;
color: #404552;
font-family: 'Roboto';
line-height: 1.4;
}
.page-id-909.box-full .font-small h4{
color: red;
font-size: 1.6em!Important;
}
h3 {
max-width:99%;
padding-top:.4em;
padding-bottom: .8em;
font-size: 1.9em;
text-align: center;
color: #404552;
margin: 0 auto;
font-weight: 300;
font-family: 'Roboto';
}
h4 {
max-width:99%;
padding-top:.4em;
padding-bottom: .8em;
font-size: 1.6em;
text-align: center;
color:#edcf06;
margin: 0 auto;
font-weight: 300;
}
@media screen and (min-width:768px){
p {
width: 99%;
margin: auto 0;
padding: .5em 0 .8em 0;
font-size: 100%;
}
em,  article  em  {
font-size: 90%;
width:100%;
line-height: .8;
}
article {
font-size: 110%;
}
h1 {
margin: 0 auto;
font-size: 1.6em;
padding-top: 1em;
}
h2 {
line-height: 1.7;
margin: 1% auto 2% auto;
font-size: 1.5em;
padding-bottom: 0;
padding-top: .1em;
}
h3 {
width: 99%;
margin: 0 auto;
font-size: 1.9em;
padding-bottom: 0;
}
}  
@media screen and (min-width:1200px){
h1 {
margin: 0 auto;
font-size: 2.7em;
padding-top: 1em;
}
h2 {
line-height: 1.7;
margin: 3% auto 2% auto;
font-size: 2.5em;
padding-bottom: 0;
padding-top: 1em;
}
h3 {
width: 99%;
margin: 0 auto;
font-size: 1.9em;
padding-bottom: 0;
}
}
@media screen and (max-width: 860px){
h1{
font-size: 1.4em;
}
h2{
font-size: 1.2em;
}
}
hr {
border: 0;
border-top-color: currentcolor;
border-top-style: none;
border-top-width: 0px;
border-bottom-color: currentcolor;
border-bottom-style: none;
border-bottom-width: 0px;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
width: 95%;
max-width: 90%;
margin-left: 0;
left: 0;
float: left;
}
hr .home_hr {
border: 0;
border-top-color: currentcolor;
border-top-style: none;
border-top-width: 0px;
border-bottom-color: currentcolor;
border-bottom-style: none;
border-bottom-width: 0px;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 2px solid rgba(4, 10, 27, 0.8);
width: 100%;
margin: auto 20%;
left: 0;
float: left;
}
pre {
font-family: monospace, monospace; font-size: 1em; }
b, strong
{
height:auto;
position: relative;
background: rgba(0,0,0,0);
width: 100%;
text-align: left;
clear:both;
margin-bottom: 0em;
margin-top: 1em;
font-weight: bold;
}
.center {
display: flex; 
justify-content: center; 
align-items: center;
text-align: center;
}
.center p,
.center h2 {
justify-content: center; 
align-items: center;
text-align: center;
width: 100%;
}
.font80 {
font-size: 80%;
}
.font90 {
font-size: 90%;
}
font110 {
font-size: 110%;
}
abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; }
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}
.grid-2 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
grid-auto-rows: 1fr; }
.bg-verlauf {
background: rgb(212,218,233);
background: -moz-linear-gradient(top, rgba(212,218,233,1) 0%, rgba(255,255,255,1) 87%);
background: -webkit-linear-gradient(top, rgba(212,218,233,1) 0%,rgba(255,255,255,1) 87%);
background: linear-gradient(to bottom, rgba(212,218,233,1) 0%,rgba(255,255,255,1) 87%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4dae9', endColorstr='#ffffff',GradientType=0 );
margin: 0;
padding: 2% 8%;
height: auto;
min-height: 100px;
}
.link-top h1{
width: 100;
padding-top: .4em;
padding-bottom: .8em;
font-size: 1.5em;
text-align: left;
font-weight: 300;
}
.link-top .container {
float: left;
display: block;
position: relative;
margin-top:5em;
margin-bottom: 1em;
color:#edcf06;
padding: 0 .8em ;
z-index: 200;
}
.link-top.container a{
color:#edcf06;
font-size: 1.2em;
padding: .5em ;
}
.link-top.container a:hover{
color: red;
}
@media screen and (min-width:800px) {
.link-top   .container {
width: 100%;
float: left;
position: relative;
margin-top: -7em;
margin-bottom: 1em;
padding: 0 2em 1em 2.3em;
2margin-left: 5%;
font-size: 1.5em;
text-align: center;
}
.link-top   .container a {
font-size: 1.4em;
text-align: center;
}
.link-top a:hover{
color: #ba2828;
}
}     
@media screen and (min-width:1000px) {
.link-top  {
width: 100%;  
margin-top: 1em;
text-align: center;
}
.link-top a {
font-size: 1.00em;
text-align: center;
}
}
.link-bottom  {
cursor: pointer;
text-align: center;
font-size: 80%;
}
.link-bottom a {
font-size: 100%;
}
.pic-tx {
color: #f5f9f5;
}
article.center p,
article.center strong{
text-align: center;
}
article strong {
font-weight: bold;
}
.center p{
text-align: center;
}
.flex .center {
color: #666666;
font-size: 1em;
width: 100%;
margin-left:1em;
padding:.5em .2em;
text-align: left;
line-height: 1.9;
float: left;
position: relative;
}
@media screen and (min-width:800px){
.left p,
.flex .center {
float: left;
position: relative;
color: #666666;
font-size: 1em;
width: 100%;
margin-left:1em;
padding:.5em .6em;
text-align: left;
line-height: 1.9;
}
}
.gradient-hgreen {
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,242,229,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,242,229,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,242,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5f2e5',GradientType=0 );
padding-bottom: 8%;
}  
.hg-green {
top: 0;
background:#edcf06;
margin: 0;
padding: 0;
}
.hg-green-abstand {
padding-top: 7%;
padding-bottom: 7%;
background:#edcf06;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button,
input { overflow: visible;
}
button,
select { text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}

* { box-sizing:border-box; margin: 0; padding: 0; } body { background: rgb(212,218,233); background: -moz-linear-gradient(top, rgba(212,218,233,1) 0%, rgba(255,255,255,1) 87%); background: -webkit-linear-gradient(top, rgba(212,218,233,1) 0%,rgba(255,255,255,1) 87%); background: linear-gradient(to bottom, rgba(212,218,233,1) 0%,rgba(255,255,255,1) 87%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4dae9', endColorstr='#ffffff',GradientType=0 ); background-size: cover; background-attachment: fixed; background-blend-mode: soft-light; font-family:'Roboto', 'Open Sans' , 'Raleway'; font-weight: 300; font-style: normal; text-rendering: optimizeLegibility; line-height: 1.9; font-size:1.3em; color: #404552; } img { max-width:100%; height:auto; } .sticky { position: fixed; top: 0; width: 100%; } .img-home img, .home p { clear:both; padding: 0; font-size: 90%; width: 90%; margin: auto 2%; height: auto; float: left; } .home img { padding: 0; margin: 0; } @media screen and (min-width:801px){ .img-home img, .home img, .home p { clear:both; font-size:1.2em; padding: 0; max-width: 100%; width: 100%; margin: auto; height: auto; float: left; } .home .cover-aktuell img{ clear:both; font-size:1.0em; padding:0; width: 90%; padding: .1em; margin-bottom:4px; height: auto; float: left; } .home img { padding: 0; margin: 0; top: -186px; } .site-content .img-home img{ margin:0; padding: 0; left:0; right:0; width: 100%; } .site-content .img-home img{ color: #f5f9f5; float: left; position: relative; margin-top: 3em; padding: 1em; margin: 1em; } box_2w { width: 45%; } } .thema { font-family: 'Great Vibes'; font-size: 4.0em; margin-top: .21%; } @media screen and (max-width: 860px){ .thema { margin-top: 0; font-size: 2.0em; line-height: 1.4; } } @media screen and (min-width: 900px){ .thema { margin-top: -5%; } } @media screen and (min-width: 1370px){ .thema { margin-top: 0; } } .site-header { padding:0 ; margin: 0; position: relative; height:140px; background:rgba(255,225,255,0); z-index: 2026; } .logo { position: relative; float: left; width: auto; height: auto; padding: .6em; margin: auto 20%; padding-bottom: 2%; display: block; z-index: 10412; } .header-image { position: relative; float: left; width: 100%; padding: 0; margin-bottom: 0; display:block; z-index:10; } .home-image { position: relative; float: left; width: 100%; padding: 0; margin-bottom: 0; display: block; z-index: 10; } @media screen and (min-width:600px) and (max-width:799px) { .logo { position: relative; float: left; width: auto; height: auto; margin: auto; padding: .2em; margin-top: 10%; right: 16%; display: block; z-index: 10412; } .logo img { width: 100%; margin-top:-80px; } .logo { margin-left: 50%; } .home-image { } .header-image { margin-top: -160px; } } @media screen and (min-width:800px) { .logo { padding-top: 1%; margin-left: 3%; } .header-image { margin-top: -160px; } .site-header { padding:0 ; margin: 0; position: relative; height: 300px; background:rgba(255,225,255,.2); z-index: 2026; } } @media screen and (min-width:1120px) { .logo img { } } @media screen and (min-width:1300px) { .logo img { } } @media screen and (min-width:1440px) { .logo img { } } .breadcrumb { background: rgba(255, 255, 255,1); width: 100%; float: left; position: relative; top: 3.8em; margin-top: -.51em; margin-bottom: 1em; padding: .3em 2em .3em 2em; margin: 0; z-index: 2200; font-size: 70%; } @media screen and (min-width:800px) { .breadcrumb { background: rgba(255, 255, 255,1); width: 100%; float: left; position: relative; font-size: 100%; margin-top: 1em; margin-bottom: 2em; padding: 1em 2em 1em 2em; margin-top: -77px; z-index: 2200; } } @media screen and (min-width:1000px) { .breadcrumb { } } .container { max-width:90%; margin: 0 auto; color: #292c29; } @media screen and (min-width:1100px) { .container { max-width: 1000px; margin: 0 auto; color: #292c29; } } .content_top { background: rgb(212,218,233); background: -moz-linear-gradient(top, rgba(212,218,233,1) 0%, rgba(255,255,255,1) 87%); background: -webkit-linear-gradient(top, rgba(212,218,233,1) 0%,rgba(255,255,255,1) 87%); background: linear-gradient(to bottom, rgba(212,218,233,1) 0%,rgba(255,255,255,1) 87%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4dae9', endColorstr='#ffffff',GradientType=0 ); margin:0; padding: 5% 10%; height: auto; min-height: 400px; } .h1_head1, .h1_head2 { width: auto; margin: 5% 10% auto 5%; font-family: 'Roboto', 'Open Sans' , 'Raleway'; font-weight: 400; font-style: normal; text-rendering: optimizeLegibility; line-height: 1.3; font-size: 1.9em; color: #616672; position: relative; text-align: left; z-index: 100; } .h1_head2{ font-size:2.3em; margin: auto 5%; } .content_top p { float: right; position: relative; width: 60%; line-height: 1.3; padding: 1em; margin-right: -1em; font-size:1.0em; margin-top: -80px; z-index: 30; } .h2_head1, .h2_head2 { float: right; position: absolute; margin: 0; padding: 0; top: 150px; right: 150px; width: auto; height: auto; font-family: 'Roboto', 'Open Sans' , 'Raleway'; font-weight: 400; font-style: normal; text-rendering: optimizeLegibility; line-height: 1.1; font-size: 2.0em; color: #fff; text-align: left; z-index: 0; } .h2_head2{ float: right; position: absolute; top: 191px; font-size: 3.6em; right: 30px; line-height: 1.3; opacity: .6; } @media screen and (max-width:800px) { .content_top p { float: left; width: 99%; margin-top: -20px; font-size:.9em; margin-top: 10px; padding: 1em; line-height: 1.4; } .h1_head1, .h1_head2 { margin: 10px 5% auto 3%; line-height: 1.1; padding-top: -40px; font-size: 1.1em; position: relative; height: auto; z-index: 1; } .content_top { padding:0 10%; min-height: 360px; } .h2_head2 { position: absolute; top: 86px; font-size: 1.6em; right: 30px; line-height: 1.3; z-index: 0; opacity: .6; } .h2_head1, .h2_head2 { left: 10%; opacity: .5; } } div.section { position: relative; } .wpbox { position: relative; padding: 0rem; width: 100%; } .box-450{ display:grid; grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); padding-bottom: 2%; } @media screen and (max-width: 860px){ .box-450{ display:grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); padding-bottom: 2%; } } .box1 { width: 100%; grid-auto-rows: 1fr; margin: auto 0; } .box-1 { position: relative; background-color: rgba(241,180,20,0); width: 100%; height: auto; padding:0; margin: 0; float: left; z-index: 220; } .box-02::before, .box-03::before { content: ""; position: absolute; left: 0; margin-top: -75px; bottom: 135px; width: 50%; padding-bottom: 100px; background: rgba(249, 210, 3, 1); display: block!important; } .box-inner{ } .box-50-inner { width: 50%; left: 0; padding-top: 100px; padding-bottom: 100px; position: relative; margin: auto 0; padding: 3%; float: left; } .box { Column-gap: 1em; } .box-50 { width: 50%; margin: auto 25%; } .box-60 { width: 60%; margin: auto 20%; } .box-70 { width: 70%; margin: auto 15%; } .box-80 { width: 80%; margin: auto 10%; } .box-80 figcaption { font-size: .9em; display: block; text-align: center; } .box-802 figcaption p { font-size:.9em; } .box-90 { width: 90%; margin: auto 5%; } @media screen and (max-width: 860px){ .box-90 { width: 100%; margin: auto 0; padding-left: .5em; } .box-80 { width:100%; margin: auto; } .box-80 img { width: auto; margin: auto; } } @media screen and (max-width: 350px){ .box-80 { margin: 0; } } .box-full { width: 100%; margin: auto; } .box-full-top { width: 100%; } .box-full.left h3 { text-align: left; margin-left: .8em; } .box_bg { background-color: rgba(255,255,255,.8); padding: 5%; } .box_bg1 { background-color: rgba(255,255,255,1); padding:4% 5% 4% 5%; color: #242d45; } .box_bg_trans .box_bg_trans h1{ float: left; background-color: rgba(255,255,255,.8); padding: 3%; } @media screen and (max-width: 500px){ .box_bg1 { font-size: 80%; } } .tx-box50.txblue p{ color:#666; line-height: 1.4; } .tx-box50.txblue h2{ max-width: 99%; padding-top: .4em; padding-bottom: .8em; font-size: 1.4em; text-align:left; color: #edcf06; margin: 0 auto; font-weight: 300; } .box_bg2 { background-color: rgba(255,255,255,0); padding: 5%; } .box_bg3 { background: #242d45; color: #f0f2fa; } .box_bg3 img{ max-width: 90%; height: auto; margin: auto 5%; } .box_bg4 { background: #ffcc33; color: #f0f2fa; } .box_bg5 { background-color: #f0f2fa; padding: 5%; color: #242d45; } @media screen and (max-width: 400px){ .box_bg3 img { width: 80%; margin: auto 10%; } } @media screen and (min-width: 1800px){ .box_bg3 img { width: 100%; margin: auto ; } } .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-auto-rows: 1fr; } @media screen and (min-width:900px){ .grid-icon { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); grid-auto-rows: 1fr; width: 80; margin-bottom: 10%; margin-top: 5%; } .grid-icon h2 { font-size: 100%; color: #fff; } } .flex { display: flex; } flex p { clear:both; width: 90%; margin-left: 0; text-align: left; color: #292c29; } .card{ display: flex; flex-wrap: wrap; } .card article { margin: auto 5%; } .card > * { flex: 1 1 300px } .card h1, .card h2, .card p { text-align: left; line-height: 1.0; } .card p { font-size: 1.25em; } .white .card h2, .white .card p{ margin-top: 0; text-align: left; font-family: 'Aktiv Grotesk','Roboto'; color: rgba(24,28,1,1.0); font-weight: 200; line-height: 1.4; width: 100%; margin: auto 0; } .white .card h2 { font-weight: 400; margin-top: -.5em; font-size: 2.3em; } .white .card{ margin-bottom: 5%; margin-top: -.51em; } @media screen and (min-width:1950px) { .white .card h2, .white .card p{ text-align: center; width: 75%; margin: auto 12%; } .white .card{ margin-bottom: 5%; margin-top: -.51em; } } .post , .post .grid, .post .box-three{ width: 100%; float: left; margin-top: 5%; margin-bottom: 8%; } .box_350 { display: grid; column-gap: 0; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); grid-auto-rows: 1fr; } .box_450 { display: grid; column-gap: 0; grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); grid-auto-rows: 1fr; } @media screen and (max-width:450px){ .box_450 { display: grid; column-gap: 0; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-auto-rows: 1fr; } } .box_two { Column-width:3 300px; Column-gap: 1em; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); grid-auto-rows: 1fr; } .box_three { Column-width: 300px; Column-gap: 1em; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-auto-rows: 1fr; } .box_three_0 { display: grid; columns: 300px; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); grid-auto-rows: 1fr; } .box-pic_0 { border: 0px solid #333; float: left; text-align: center; padding: .1em; font-size: 83%; margin: auto; position: relative; clear: both; } box-pic_0 img { clear: both; margin-bottom: 1em; width: 100%; padding: 0; margin: auto ; } .white.box-pic_0 img { margin-bottom: 1em; width: 80%; } .center .box_three{ width: 100%; margin-left: 34%; } .max-three{ columns: 3 300px; column-gap: 1em; } .pareto .box_two { Column-width: 2 300px; Column-gap: 1em; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-auto-rows: 1fr; } .box_four { display: grid; columns: 4 4rem; min-width: 200px; column-gap: .1em; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .gap-2 { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); Column-gap: 1em; } .gap-2 img { margin-top: 1em; } .box-piccenter img{ float: left; text-align: center; vertical-align: middle; width: auto; margin: 10% 0; } .boxpic_grid { display: grid; column-gap:0; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); } .80{ background-color: rgba(255,255,255,0); padding: 5%; } .box_grid{ display: grid; column-gap:0; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .box-pic-0 { border: 0px solid #333; float: left; height: auto; text-align: center; padding-bottom: 1em; padding-top: .4em; font-size: 60%; margin: 0em; position: relative; clear: both; } .box-pic-2 { border: 0px solid #333; float: left; height: auto; text-align: center; padding: .1em 0; font-size: 60%; margin: .2em; position: relative; clear: both; } .gallery figure { margin: 0em 0em 1em 0em; padding: 0; } .box-pic { border: 1px solid #333; float: left; height: auto; text-align: center; padding:.7em; font-size: 83%; margin: 1em; position: relative; clear: both; } @media screen and (max-width:520px){ .box-pic_0 { border: 0px solid #333; text-align: center; padding: 0em; font-size: 84%; margin: 0; position: relative; clear: both; width: 100%; } } .box-pic p { clear: both; position:relative; float: left; text-align: center; width: 100%; margin: 0; font-size:1.2em; color: #333; padding: .2em; } .box-pic img { margin-top: 3%; margin: auto; } .box-pic h1, .box-pic h2 { position:relative; float: left; width: 80%; margin: auto 10%; } .box-pic h1{ font-size:3.5em; padding-top: 5%; width: 80%; margin: auto 10%; font-weight: 400; } .box-pic h2{ font-size:2.9em; width:100%; margin: auto 0; font-weight: 200; } .max-two{ columns: 2 300px; column-gap: 1em; } .max-four{ columns: 4 200px; column-gap: 1em; } .max-three p{ font-size: 100%; } .max-three h2 { font-size:3.2em; } .six { width: 90%; margin: auto 5%; columns: 6 100px; column-gap: 1em; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); grid-auto-rows: 1fr; } @media screen and (min-width:768px){ .six { width: 80%; margin: auto 10%; columns: 6 100px; column-gap: 1em; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); grid-auto-rows: 1fr; } } .size-icon { width: 70px; } .bg-yellow { color: #292c29; font-family:'Roboto'; text-align: center; font-size:1.1em; background: rgba(249, 210, 3, 1); float: left; padding: 3%; margin: 0; } .bg-yellow h1{ color: #292c29; } .bg-tr { color: #292c29; font-family:'Roboto'; text-align: center; font-size:1.1em; background: rgba(255,225,255,.2); float: left; padding: 3%; margin: 0; } .bg-db { height: auto; color: rgba(249, 210, 3, 1); font-family:'Roboto'; font-style: normal; text-align: center; font-size:1.1em; background: rgba(24,24,52,1); float: left; padding: 3%; margin: 0; } .bg-green-1 a { font-size:1.3em; color: #666; background: rgba(217, 247, 218, 1); font-weight: 300; } .bg-green-6 { background: rgba(217, 247, 218, .6); padding: 3%; } .bg-green-4 { background: rgba(217, 247, 218, .4); padding: 3%; } .bg-green-3 { background: rgba(217, 247, 218, .3); padding: 3%; } .bg-green-2 { background: rgba(217, 247, 218, .2); padding: 3%; } .bg-white { background: rgba(255, 255, 255, 1); padding: 3%; } .bg-green-h { background:rgb(234, 244, 234); padding: 3%; } .bg-green-h a { font-size:1.3em; font-weight: 300; color: #666; } .bg-333 { background: rgba(41,44,41, 1); } .box1-bg-db { background-color: #181834; width: 100%; margin: auto 0; padding: 5%; float: left; } .box1-bg-gr { background-color: #f1ecec; width: 100%; color: #181834; margin: auto 0; padding: 5%; float: left; } p .bg-gr { background-color: #f1ecec; width: 100%; color: #181834; padding-left: 1em; } .container-fakten{ float: left; width: 100%; height: auto; padding:1em; position: relative; margin-top: -1.3em; color: #fff; background-image:url(https://www.gemeindeoberwiera.de/wp-content/uploads/2020/10/Fakten.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; } .box-fakten { margin: auto 10%; } .container-fakten p { color: #fff; font-size: 85%; line-height: 1.4; text-align: center; } .container-fakten h1 { color: #fff; margin: 0 auto; text-align: center; font-size: 2.6em; padding-top: 1em; font-weight: 400; } .fakten_1{ width:100%; margin: auto; text-align: center; margin-bottom: 2em; border:none; } @media screen and (min-width:768px) { .container-fakten { max-width:100%; margin-bottom: 2em; margin: auto 0; } .container-fakten .fakten_1 { padding-top:0; margin-top:0; margin-bottom: 3em; border:none; float:left; width:33%; } .container-fakten .fak { height: auto; float: left; padding: 0; margin: auto 10%; max-width: 75%; width: 100%; margin-top:3em; margin-bottom: 2em; line-height: 2.7; clear: both; } .container-posts { clear:both; } } .section-hg { display: flex; justify-content: center; align-items: center; width: 100%; background-position: center center; position: relative; float: left; } .bg-333{ background-color: #292c29; } .section-hg img { display: flex; justify-content: center; align-items: center; width: 400px; margin: auto 10%; } .section-hg a{ text-align: center; display: inline; width: 30%; font-size:.9em; color: rgba(217, 247, 218, 1); padding: 3%; } .section-hg .card article{ float: left; color: #fff; text-align: center; width: 100%; position: relative; margin-top: 25%; z-index: 10033; } .section-hg2{ clear:both; display: block; background-image: url(https://www.gemeindeoberwiera.de/wp-content/uploads/2020/03/leistung-hg-fensters.jpg); margin-bottom:5%; margin: 0; float: left; height:auto; width: 100%; } .section-hg { color: #f5f9f5; } .section-hg .box_three h2 { clear:both; text-align: center; margin-top: 18%; margin-bottom:0; padding-bottom:0; color: #f5f9f5; font-size:2.1em; } .section-hg .card .box_three p{ margin: auto 3%; } .section-hg .box_three p{ clear:both; text-align: center; margin-top: 0; font-weight: 200; margin-bottom:0; padding-bottom:0; font-size:1.3em; color: #f5f9f5; } .section-hg.box_three p{ float: left; text-align: center; font-size:1.1em; } .list { clear: both; max-width:90%; margin: auto 5%; padding: 1em ; margin-left: 1em; text-align: left; word-wrap: break-word; font-size:.9em; } .list h1, .list-small h1, .list h2 , .list-small h2 { margin-bottom:-1em; padding-bottom: 0; margin: 0; font-weight: 300; } .icon li::before { content: url(https://gbf-ev.de/wp-content/uploads/2018/10/haken.png) " "; margin-left: -3.4em; } .icon-amtsblatt img, .icon-amtsblatt li { list-style-type:none; margin-left: -3.4em; margin-right: 1em; } .icon-amtsblatt a img, .icon-amtsblatt a { color: #404552; margin-left: 1.4em; font-size: 0.91em; width: 30px; } img.alignnone.wp-image-430.size-full { margin-right: 1.4em; } @media screen and (max-width: 860px){ .icon-amtsblatt li a { font-size: 70%; padding: 0; margin: 0 0 0 10%; } .icon-amtsblatt img{ color: #404552; margin-left: 1.4em; font-size: 0.81em; width: 15px; } a img.alignnone.icon-amtsblatt img { margin: 5%; width: 80%; } } .list ul { list-style-type:none; font-size: 1.3em; } .list li { margin-bottom: 3%; } .list ul ul { list-style-type:none; font-size: .8em; } .list ul .out{ list-style-position: outside } .list h1,.list h2{ color:#f4660a; } .list ul.out{ list-style-position: outside } .list ul.hanging { text-indent: 1em; } @media screen and (min-width:800px){ .list { width: 90%; margin: auto 10%; text-align: left; font-size: 120%; padding: 1em 1em; margin-bottom: 2em; margin-top: 2em; clear: both; } .icon li::before { content: url(https://gbf-ev.de/wp-content/uploads/2018/10/haken.png) " "; margin-left: -3.1em; } .list ul { list-style-type:none; padding: 1.5em 0; left: 0; font-size: .9em; } .list ul .out{ list-style-position: outside } .list ul.out { list-style-position: outside } ul.hanging { text-indent: 1em; } .list ul ul{ list-style-type:none; font-size: 1.0em; margin-left: 1em; } } .list-small { width:80%; float: left; position: relative; margin: auto 10%; max-width: 100%; padding:2em ; font-size: 1em; text-align: left; word-wrap: break-word; } .list-small h1 { text-align: left; } .list-small li::before { content: url(https://www.gemeindeoberwiera.de/wp-content/uploads/2020/11/download-s.png) " "; margin-left: -2.4em; list-style-type:none; } .icon li li::before { content: " ✓ "; margin-left:-4.0em; } .list-small ul li ul li::before { content: " ✓ "; margin-left: -1em; } .list-small ul { list-style-type:none; } .list ul ul { list-style-type:none; font-size: .8em; } .list-small ul .out{ list-style-position: outside } .list-small h1,.lislist-small h2{ color:#f4660a; } .list-small ul.out{ list-style-position: outside } .list-small ul.hanging { text-indent: 1em; } .section-skew-blue-over .list-small{ color: #fff; } .section-skew-blue-over .list-small h3{ text-align: left; } @media screen and (min-width:600px) { .list-small { width: 80%; margin: auto 10%; padding: 2em; } .list-small h1 { text-align: center; } .list { width: 80%; padding: 2em; } .list { margin-top:0; padding-top: .2em; } } @media screen and (min-width:700px){ .list-small { width: 80%; margin: 2% 10%; text-align: left; clear: both; } .icon li li::before { content: "✓"; margin-left: -4em; } .icon li::before { content: url(https://gbf-ev.de/wp-content/uploads/2018/10/haken.png) " "; margin-left: -3.1em; } .list-small ul { list-style-type:none; padding: 1.5em 0; left: 0; font-size: 1em; } .list-small ul ul{ list-style-type:none; padding: 1em; left: 0; font-size:.8em; } .list-small ul .out{ list-style-position: outside } .list-small ul.out { list-style-position: outside } ul.hanging { text-indent: 1em; } } @media screen and (min-width:1100px){ .list-small { width: 60%; margin: auto 20% ; } } .list-small-orange { width: 90%; float: left; position: relative; margin: auto 10%; max-width: 100%; padding:0 2em ; font-size: .9em; color: #fff; text-align: left; word-wrap: break-word; } .list-small-orange li::before { content: url(https://gbf-ev.de/wp-content/uploads/2018/10/haken.png) " "; margin-left: -4.4em; } .icon li li::before { content: " ✓ "; margin-left:-4.0em; } .list-small-orange ul li ul li::before { content: " ✓ "; margin-left: -1em; } .list-small-orange ul { list-style-type:none; } .list-small-orange ul .out { list-style-position: outside } .list-small-orange h1,.lislist-smallt h2 { color:#f4660a; } .list-small-orange h2{ font-size: 1em; } .list-small-orange ul.out { list-style-position: outside } .list-small-orange ul.hanging { text-indent: 1em; } @media screen and (min-width:600px) { .list-small-orange { width: 100%; padding: 0 2em; } } @media screen and (min-width:700px){ .list-small-orange { width: 80%; margin: auto 20%; text-align: left; font-size: 1.6em; padding: 0em 1em; margin-bottom: 2em; margin-top: 0em; clear: both; } .icon li li::before { content: "✓"; margin-left: -3.1em; } .icon li::before { content: url(https://gbf-ev.de/wp-content/uploads/2018/10/haken.png) " "; margin-left: -3.1em; } .list-small-orange ul { list-style-type:none; padding: 1.5em 0; left: 0; font-size: 1em; } .list-small-orange ul ul { list-style-type:none; padding: 1em; left: 0; font-size:.8em; } .list-small-orange ul .out { list-style-position: outside } .list-small-orange ul.out { list-style-position: outside } ul.hanging { text-indent: 1em; } } @media screen and (min-width:1400px){ .list-small-orange { width: 50%; margin: auto 40%; } } .tx-news { position: absolute; float: left; width: auto; height: auto; padding: 0; margin:2%; z-index: 2200; } .tx-news h1{ font-size: 32px; font-family: "Roboto"; color: rgb(242, 246, 247); line-height: 1.094; text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.63); position: absolute; margin-top: 5%; z-index: 200; } .box_bg_trans a h1 { font-size: 32px; font-family: "Roboto"; color: rgb(242, 246, 247); line-height: 1.094; text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.63); position: absolute; margin-top: 5%; z-index: 200; background-color: rgba(255,255,255,.8); } .tx-box50 { position: relative; text-align: justify; float: left; width: 100%; height: auto; padding: 2%; margin:0 auto; z-index: 2200; } .tx-box50 h1{ font-size: 1.8em; font-family: "Roboto"; color: rgb(242, 246, 247); line-height: 1.094; text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.63); text-align: left; z-index: 200; } .tx-box50 p{ font-size: 1.0em; font-family: "Roboto"; color: rgb(242, 246, 247); line-height: 1.1; text-align: left; z-index: 200; } .tx-box50-inhalt { hyphens: auto; } .tx-box50-inhalt h2 { font-size: 5.0em; color: #fff; text-align: left; margin-top:10%; margin-left: 2%; padding: 0; } .tx-box50-inhalt h3 { font-size: 4.8em; color: #fff; margin: 0; text-align: right; padding-top: 0em; } @media screen and (max-width: 500px){ .tx-box50-inhalt h2{ font-size: 3.2em; } .tx-box50-inhalt h3{ font-size:3.0em; } .tx-box50 h1{ font-size: 1.6em; line-height: 1.0194; } } .tx-home { position: absolute; font-family: 'Raleway'; font-style: normal; font-size: 110%; margin-top: -20%; width: 100%; height: auto; padding: 2% 2%; background-color: rgba(241,180,20,0); color: #fff; z-index: 22000; } .tx-home h1 { color: #fff; line-height: 1.1; padding-top: .5em; margin-top: -0.2em; font-size: 80%; } @media screen and (max-width: 599px){ .tx-home { display:none; } } @media screen and (min-width: 600px){ .tx-home { font-size: 1.3em; color:rgba(255,255,255,1); margin-top: 18%; } .tx-home h1{ font-size: 1.3em; } .tx-home h2{ font-size: 1.2em; } } .tx-home h2 { font-family: 'Great Vibes'; font-size: 1.1em; text-align: right; margin-right:35%; color: #fff; } @media screen and (min-width: 768px){ .tx-home h2 { line-height: 1.7; padding-bottom: 0; padding-top: 0em; } } @media screen and (min-width: 800px){ .tx-home { margin-top: 10%; } } @media screen and (min-width: 1100px){ .tx-home { font-size: 1.7em; margin-top: 15%; } .tx-home h1{ font-size: 1.8em; } .tx-home h2{ font-size: 1.4em; } } @media screen and (min-width: 1200px) { .tx-home { margin-top: 18%; } .tx-home h1{ font-size: 2.28em; } .tx-home h2{ font-size: 1.8em; } } .tx { font-family: 'Raleway'; font-style: normal; font-size: 1.2em; position: relative; margin-top: 15%; text-align: center; height: auto; padding: 20px 10px; } .tx { background-color: rgba(241,180,20,0); color: #fff; font-size: 2.1em; margin-top: 5%; font-weight: 600; } .parallax.tx p { color: #fff; width: 80%; } .tx-col { font-family: 'Great Vibes'; color: #fff; font-size: 2.2em; text-align: center; } .btn-kont { float: left; height: auto; width: 100%; background-color: #ffcc33; border-color: #0b3140; padding: 1%; margin: 5% auto; text-align: center; position:relative; } .btn-kont a{ padding: 1%; font-size: 90%; color: #fff; text-align: center; } @media screen and (min-width:801px) { .btn-kont { float: left; height: auto; width: 70%; text-align: center; margin: 10% 15% 3% 15%; padding: 1.3em; background-color: #ffcc33; border-color: #0b3140; } .btn-kont a{ padding: 1%; text-align: center; } } .zukunft .btn-orange a { color: #0b3140; margin-top: 1em; } .btn-orange a { color: #fff; margin-top: 1em; } .btn-orange { background: rgba(244,102,10,1); } .btn-orange-left a { color: #fff; margin-top: 1em; } .btn-orange-left { background: rgba(244,102,10,1); margin-left: 5%; } .btn , .btn-orange { border: 0; border-radius: 0; padding: 0 25px; margin-top: 1em; text-align: center; line-height: 40px;width: auto; text-transform: uppercase; position: relative; overflow: hidden; color: #fff; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .btn span , .btn-blue span, .btn-orange span{ margin-bottom: 0 !important; position: relative; z-index: 10; display: inline-block; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .btn.btn-bold, .btn-blue.btn-bold , .btn-orange.btn-bold { font-weight: bold; letter-spacing: 1px; } .btn, .btn-orange { display: inline-block; padding: .4em .3em; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn-orange a:hover { color:rgb(3,33,132); } .btn-blue a:hover { color:#fff; } .tp-caption.btn, .btn , .tp-caption.btn-orange, .btn-orange , .tp-caption.btn-blue, .btn-blue { width: auto; color: #edcf07; font-size: 1em; line-height: 17px; font-weight: 500; font-style: normal; padding: 12px 35px 12px 35px; text-decoration: none; border-color: rgba(0,0,255,1.0); border-style: solid; border-width: 0px; border-radius: 0px 0px 0px 0px; text-align: left; } .btn a { color: #fff; } .btn p,.btn a, label, span { font-size: .89em; } .parallax , .parallax h1{ font-size: 2.4em; color: #fff; font-weight: 400; } .parallax-4{ clear: both; background-image: url(); height:600px; margin-top: 0px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .parallax-5{ clear: both; background-image: url(); height: 600px; margin-top: 0px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .parallax-6{ clear: both; background-image: url(); height: 600px; margin-top: 0px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .parallax-7{ clear: both; background-image: url(); height: 600px; margin-top: 0px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .parallax-8{ clear: both; background-image: url(); height: 600px; margin-top: 0px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .parallax-9{ clear: both; background-image: url(); height: 600px; margin-top: 0px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .parallax-10{ clear: both; background-image: url(); height: 600px; margin-top: 0px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .parallax-11{ clear: both; background-image: url(); height: 600px; margin-top: 0px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .parallax-12{ clear: both; background-image: url(); height: 500px; margin-top: 0px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .parallax-2 h2, .parallax-3 h2, .parallax-4 h2, .parallax-5 h2, .parallax-6 h2, .parallax-7 h2, .parallax-8 h2, .parallax-9 h2, .parallax-10 h2, .parallax-11 h2, .parallax-12 h2, .parallax-13 h2, .parallax-14 h2, .parallax-15 h2, .parallax-16 h2, .parallax-17 h2, .parallax-18 h2, .parallax-20 h2, .parallax-21 h2, .parallax-22 h2, .parallax-23 h2, .parallax-24 h2, .parallax-25 h2, .parallax-26 h2, .parallax-27 h2, .parallax-28 h2, .parallax-29 h2, .parallax-30 h2, .parallax-31 h2, .parallax-32 h2{ color: #fff; padding-top: 10%; font-weight: 500; width: 85%; margin: auto; } @media screen and (max-width:800px){ .parallax-1, .parallax-2, .parallax-3, .parallax-4, .parallax-5, .parallax-6, .parallax-7, .parallax-8, .parallax-9, .parallax-10, .parallax-11, .parallax-12, .parallax-13, .parallax-14, .parallax-15, .parallax-16, .parallax-17, .parallax-18, .parallax-19, .parallax-20, .parallax-21, .parallax-22, .parallax-23, .parallax-24, .parallax-25, .parallax-26, .parallax-27, .parallax-28, .parallax-29, .parallax-30, .parallax-31, .parallax-32{ height: 300px; } .parallax-2 h2, .parallax-3 h2, .parallax-4 h2, .parallax-5 h2, .parallax-6 h2, .parallax-7 h2, .parallax-8 h2, .parallax-9 h2, .parallax-10 h2, .parallax-11 h2, .parallax-12 h2, .parallax-13 h2, .parallax-14 h2, .parallax-15 h2, .parallax-16 h2, .parallax-17 h2, .parallax-18 h2, .parallax-20 h2, .parallax-21 h2, .parallax-22 h2, .parallax-23 h2, .parallax-24 h2, .parallax-25 h2, .parallax-26 h2, .parallax-27 h2, .parallax-28 h2, .parallax-29 h2, .parallax-30 h2, .parallax-31 h2, .parallax-32 h2, .parallax-33 h2{ font-size:1.3em; } } .aktuell-box, .amtsblatt-box{ float: left; width: 100%; margin:0 0 0 0; padding: 100px 5% 5% 170px; background: #ffcc33; } .aktuell-box a span { color: #ffcc33; } @media screen and (max-width:800px){ .aktuell-box, .amtsblatt-box{ float: left; width: 100%; margin: 0 10px0 0; padding: 100px 0 5% 0; background: #ffcc33; } } .aktuell-box.box_bg1 p, #.aktuell-box.box_bg1 img, .aktuell-box.box_bg1 { background-color: #fff!Important; padding: 5%; color: #242d45; } .aktuell-box.archiv, .archiv{ margin-top: -100px!Important; } .y-bg { float: left; width: 100%; margin:0 auto; padding:0 1%; background: #ffcc33; z-index: 3700; } .n1{ padding-top: 0; } .nachrichten-box{ float: left; width: 100%; padding: 0% 0; border-right-color: aliceblue; color:#040a1b; } .nachricht-box{ float: left; width: 100%; margin:auto; padding: -5% 0; margin-top: -250px; border-right-color: aliceblue; color:#040a1b; } @media screen and (max-width:799px){ .nachricht-box{ margin-top: 0; } .nachricht-box.nachricht h2 { font-size: 80%; } } .single-nachrichten.nachricht .nachrichten-box { padding-top: 5%; } .nachrichten{ float: left; width: 44%; margin:10% 3% 5% 3%; padding: 2% 5% 5% 5%; height: auto; min-height: 200px; background: #ffcc33; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; } @media screen and (max-width: 800px){ .nachrichten{ float: left; width: 80%; margin: 5% 10%; } } @media screen and (max-width: 450px){ .nachrichten{ float: left; width: 100%; margin: 5% auto; padding: auto 5%; } } .nachrichten-box a { color: #666; margin: auto; } .nachrichten h2 { font-size:.9em; padding-bottom: .5em; padding-top: 1.1521em; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; } .nachrichten-box .nachricht { width: 90%; padding: auto 5%; float: left; margin: auto 5%; clear: both; background: #fff; font-size: 90%; } @media screen and (min-width: 800px){ .nachrichten-box .nachricht { width: 80%; padding: auto 10%; float: left; margin: auto 10% 2% 10%; clear: both; font-size: 100%; background: #fff; } } .type-nachrichten.nachrichten a { color: #333; } .nachrichten a { color: #666; } .nachricht h2 { line-height: 1.3; margin: 1% auto 2% auto; font-size: 1.1em; padding-bottom: 0; padding-top: 1em; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; } @media screen and (min-width: 690px){ .nachricht h2 { line-height: 1.3; margin: 0 auto; font-size: 1.3em; padding-bottom: 0; padding: 2em; } } @media screen and (min-width: 1100px){ .nachricht h1 { margin: 0 auto; font-size: 2.0em; padding-top: 1em; } } @media screen and (max-width:800px){ .aktuell-box, .amtsblatt-box{ float: left; width: 100%; margin: 0 10px0 0; padding: 100px 0 5% 0; background: #ffcc33 ; } } .aktuell-box.box_bg1 p, #.aktuell-box.box_bg1 img, .aktuell-box.box_bg1 { background-color: #fff!Important; padding: 5%; color: #242d45; } .news-box{ float: left; width: 100%; margin:0 0 0 0; padding: auto ; } .news { width: 90%; margin: auto 5%; padding: 0; float:left; position: relative; line-height: 1.6; } .news_bg { background-color:#ffcc33; width: 110%; margin:1% -5% ; padding: 0; float:left; position: relative; line-height: 1.6; } .news a { } .news h3 { font-family: 'Roboto'; font-size: 3.5em; text-align: center; margin-top: 20%; font-weight: 500; } @media screen and (max-width:500px){ .news h3 { font-size: 2.5em; text-align: center; margin-top: 20%; font-weight: 500; } } .news h4 { font-family: 'Roboto'; font-size: 1.1em; margin: auto 5%; text-align: left; line-height: 1.6; margin-top: 15%; font-weight: 400; color: #fff; } .news img { width: 100%; margin: 0; padding: 0; top: 0; vertical-align: middle; clear: both; } .box-new1 { background: #ffcc33; width: 100%; height: 100%; } .box-new1 h3 { font-family: 'Roboto'; font-size: 2.6em; text-align: left; margin-top: 10%; font-weight: 400; margin-left: 8%; } .box-new2 { background-image: url(https://www.gemeindeoberwiera.de/wp-content/uploads/2020/11/news-1.jpg); background-size: cover; } .box-new3{ background-image: url(https://www.gemeindeoberwiera.de/wp-content/uploads/2020/11/news-2.jpg); background-size: cover; } .box-new3 h3 { font-family: 'Roboto'; font-size: 2.6em; text-align: left; margin-top: 20%; font-weight: 400; margin-left: .3em; } .box-new4 { background-image: url(https://www.gemeindeoberwiera.de/wp-content/uploads/2021/03/Herbst-aktuell.jpg); background-size: cover; padding: 0; margin: 0; } .box-new4 img { background-size: cover; background-attachment: fixed; } .box-new5 { background:#061324; width: 100%; height: 100%; } .box-new5 h3 { font-family: 'Roboto'; font-size: 2.3em; text-align: left; margin-top: 10%; margin-left: 5%; line-height: 1.3; font-weight: 500; color: #fff; } .box-new6 { background: #ffcc33; width: 100%; height: 100%; padding-bottom: 5%; } .box-new6 h3 { margin-bottom: 5%; margin-top: 8%; margin-left: 0; font-weight: 500; } .login{ float: left; width: 100%; position: relative; margin:auto; padding: auto ; background: #ffcc33; } .box-login { width: 80%; display: grid; background: #ffcc33; margin: auto 10%; padding: 1em; float:left; position: relative; line-height: .9; font-size: 90%; } .box-login1 { background: #fff; width: auto; min-height: 3oopx; min-width: 30%; margin: 1em; height: 100%; float: left; } .box-login1 h3 { font-size: 1.5em; text-align: center; margin-bottom: 10%; margin-top: 5%; font-weight: 500; } .box-login2 { background-image: url(https://www.gemeindeoberwiera.de/wp-content/uploads/2020/11/news-1.jpg); width: 100%; height: 100%; } .btn-blue { background:#0b3140; padding: 0 25px; text-align: center; line-height: 40px; width: auto; margin-top: 10%; margin-left: 10%; font-weight: 300; font-size: .8em; text-transform: uppercase; position: relative; overflow: hidden; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; display: inline-block; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; } .btn-yellow { background:#ffcc33; padding: 0 25px; text-align: center; line-height: 40px; width: auto; margin-top: 10%; font-size: .8em; margin-left: 10%; text-transform: uppercase; position: relative; overflow: hidden; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; display: inline-block; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; } .btn-yellow a { color: #404552; } .btn-yellow a:hover, .btn-blue a:hover { color: #fff; } @media screen and (max-width:800px){ .datum-aktuell{ display: none; } .amtsblatt-box { float: left; margin-left: -40px; margin-top: -450px; width: 180px; position: relative; height: 180px; background: #193252; color: #ffcc33; text-align: center; z-index: 4444; } } @media screen and (max-width:449px){ .amtsblatt-box{ float: left; margin-left: 0px; margin-top: -250px; width: 180px; height: 180px; background: #193252; color: #ffcc33; text-align:center; z-index: 3700; } .datum-aktuell{ display: none; } } @media screen and (min-width:450px){ .datum-aktuell{ display: none; } .amtsblatt-box{ float: left; margin-left: 0px; margin-top: -500px; width: 180px; height: 180px; background: #193252; color: #ffcc33; text-align:center; z-index: 4440; } } .amtsblatt-box{ float: left; margin-left: -80px; margin-top: -250px; width: 180px; height: 180px; position: relative; background: #193252; color: #ffcc33; text-align: center; z-index: 4440; } .nachricht h1 { margin-top: 0; float: left; } @media screen and (min-width:850px){ .datum-aktuell{ display: block; float: left; margin-left: -80px; margin-top: -10%; width: 160px; height: 160px; position: absolute; background: #193252; color: #ffcc33; text-align: center; z-index: 4440; } .nachricht h1 { margin-top: 0!Important; float: left; float: left; width: 70%; margin: auto 15%; } } @media screen and (min-width:1000px){ .datum-aktuell{ display: block; float: left; margin-left: -80px; width: 180px; height: 180px; background: #193252; color: #ffcc33; text-align: center; z-index: 4440; } .nachricht h1 { margin-top: 0!Important; } } @media screen and (min-width:1800px){ .datum-aktuell{ display: block; float: left; margin-left: -80px; width: 180px; height: 180px; background: #193252; color: #ffcc33; text-align: center; z-index: 4440; } } .firmen { width: auto; margin: 2% 4% 2% 2%; padding: 0; } .firmen-bg { float: left; width: 100%; margin: auto; padding: 10% 1% 10% 10%; background: #ffcc33; z-index: 3700; } .firmen-bg p{ font-size: 80%; text-align: left; color: #242d45; font-family: 'Roboto'; font-weight: 300; padding-left: 5%; padding-top: 0; padding-bottom: 0; margin: 0 0 3% 0; line-height: 1.4; } .firmen-bg h2 { color: #edcf06; font-size: 1.3em; text-align: left; padding-left: 5%; margin: 0; font-family: 'Roboto'; font-weight: 400; } .firmen-bg h3 { width: 100%; text-align: left; font-size:110%; padding: 0 2% 0 5%; } .firmen-ow { background-color: rgba(255,255,255,1); width: 80%; margin:auto 10%; color: #242d45; } .firmen-box { padding: 0; margin-top: 5%; margin-left: 5%; width: 90%; height: 150px; background: #fff; } .firmen-blue { float: left; margin-right: 10px; margin-top:0; width: 150px; height: 150px; background: #193252; color: #ffcc33; z-index: 3701; } .fa-nummer { font-size: 1.9em; font-family: "Helvetica Neue"; font-weight: 500; margin: auto 3%; padding-top: 1%; line-height: 1.3; background: #fff; } .fa-nummer a, .fa-nummer p { clear: both; margin: auto; } .fa-nummer a:active{ color: red!important; } .fa-nummer > li.active > a { color: red!important; } .fa-nummer p, .fa-nummer a{ font-family: "Helvetica Neue"; font-weight: 600; 2line-height: 1; text-align: left; margin-left: 0; } .fa-nummer a:focus { color: #193252; } @media screen and (max-width: 860px){ .firmen { width: 100%; margin: 2% 4% 2% 2%; padding:1%; } .firmen-ow { width: 100%; margin:auto; } .firmen-bg { float: left; width: 100%; margin: auto 0; padding: 10% 1% ; background: #ffcc33; z-index: 3700; } .firmen-blue { float: left; margin-right: 10px; margin-top: 0; width: 40px; height: 105px; background: #193252; z-index: 3701; } .firmen-box { padding: 0; margin: auto; width: 100%; height: auto; background: #fff; } .fa-nummer { width: 100%; font-size: 1.1em; font-family: "Helvetica Neue"; font-weight: 400; margin: 0; padding-top: 1%; padding-left: 2%; line-height: 1.3; height: 105px; background: #fff; } } .box-fa-inhalt { width: 100%; padding: 0 5% 4% 5%; margin: 0; background-color: rgba(255,255,255,1); color: #242d45; float: left; } .tag { font-family: "Helvetica Neue"; font-weight: 600; font-size: 4em; line-height: 1.2; } .monat{ font-size: .7em; line-height: 1; } .verwaltung-box { float: left; width: 100%; margin: auto; padding: 10% 1% 10% 10%; background: #ffcc33; } .verwaltung { width: auto; margin: 2% 4% 2% 2%; padding: 0; } .verwaltung-l { width: 100%; margin: 2% auto; padding: 0; } .verwaltung a { color: #666666; font-family: "Helvetica Neue"; font-weight: 300; font-size: 1em; line-height: 1.4; } .box_bg1-0 { background-color: rgba(255,255,255,1); margin: 5%; color: #242d45; } .bg-yellow { background: #ffcc33; } .verwaltung-nr{ float: left; margin-left: 0; margin-top: 0; padding-top: 1%; width: 56px; height: 56px; background: #193252; color: #ffcc33; text-align:center; z-index: 1700; } .verwaltung-nr-re{ float: left; margin-top: 1%; margin-left: 2%; margin-right: 2%; width: 40px; height: 40px; background: #193252; color: #ffcc33; text-align:center; z-index: 1700; } .verwaltung-nr-aktuell{ float: left; margin-top: 2%; margin-left: 2%; margin-right:2%; width: 40px; height: 40px; background: #fff; color: #193252; text-align:center; z-index: 1700; } .verwaltung p { font-family: "Helvetica Neue"; font-weight: 300; font-size: 1em; line-height: 1.4; padding-left: 55px; } .verwaltung h2 { line-height: 1.3; font-size: 1.0em; padding-left: 55px; padding-top: 55px; text-align: left; font-weight: 400; } .tx p{ font-size: 1.2em; text-align: center; width: 80%; margin: auto 10%; font-weight: 200; font-style: normal; color: #666; line-height: 1.5; letter-spacing: 0.3px; hyphens: none; left: 0; right: 0; height: auto; padding: 10% 10px; } .tx h1{ font-size: 3.2em; text-align: center; margin: 0.67em 0; font-weight: 300; font-style: normal; color: #fff; line-height: 72px; letter-spacing: 0.3px; hyphens: auto; left: 0; right: 0; height: auto; padding: 15% 10px; } .tx h2{ font-size: 3.2em; text-align: center; margin: 0.67em 0; font-weight: 300; font-style: normal; color: #fff; line-height: 72px; letter-spacing: 0.3px; hyphens: auto; left: 0; right: 0; height: auto; padding: 15% 10px; } @media screen and (min-width:900px){ .verwaltung-nr-re{ float: left; margin-top: 1%; margin-left: 2%; margin-right: 2%; width: 40px; height: 40px; background: #193252; color: #ffcc33; text-align:center; z-index: 1700; } .tx p{ font-size: 2.6em; text-align: center; width: 70%; margin: auto 15%; font-weight: 200; font-style: normal; color: #666; line-height: 1.5; letter-spacing: 0.3px; hyphens: none; left: 0; right: 0; height: auto; padding: 10% 10px; } } img.displayed { display: block; margin-left: auto; margin-right: auto; } .pic-50 { display: block; margin:auto; } .one-pic { width: 50%; margin: auto 40%; display: block; float: left; } .one-pic-2 { float: right; position: relative; margin: auto 0; display: block; margin-top: -4em; z-index: 100; } .one-pic-4 { float:right; position: relative; margin: auto 0; display: block; margin-top: -2em; margin-bottom:-.6em; z-index: 100; } .one-pic-5 { float:right; position: relative; margin: auto 0; display: block; margin-top: -7em; margin-bottom:-.58em; z-index: -1; } .wp-caption .one-pic-3a img { width: auto ; } .one-pic-3a { margin: auto 0; width: auto ; max-width:100%; height: auto; display: block; left:0; right:0; margin-bottom: 2em; } .one-pic-3 { float: left; margin: auto 0%; width: 100% ; max-width:100%; height: auto; display: block; left:0; right:0; margin-bottom: -1.6em; } .one-pic-3 img { } .one-pic-right { width: auto; display: block; float: right; position: relative; right: 5%; top: -75px; } .one-pic .wp-image-1534 article img{ margin-top: -1em; margin-bottom:-2em; padding-bottom: 0; padding-top: 0; } .one-pic .wp-image-1534 p { margin:0; padding:0; } .red{ float: left; width: 100%; background-color:red; padding-top:1em; padding-bottom:1em; margin-top: 0; margin-bottom: 0; } @media screen and (max-width:800px){ .red { background-color:red; padding-top:3em; padding-bottom:5em; margin-bottom: -4em; } .one-pic-right { top: 0px; right: 40%; } } .two-pics img { max-width: 100%; margin: 0 35%; padding: 0; } .three-pics2 img { max-width: 70%; margin: auto 20%; padding: 2em; } img.three-pics.alignleft { padding-left: 3em; padding-top: 3em; float: left; max-width:10%; } img.three-pics { width: 33%; height: auto; margin: 5px 0 10px 0!important; } .three-pics img { max-width: 60%; float: left; padding: 2em; margin: 2em; text-align: center; } .ambulance { margin: auto 10%; float:left; position:relative; } body.page-id-xx { background-image: url(https://gbf-ev.de/wp-content/uploads/2018/10/HG.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; } @media screen and (max-width:1300px){ body.page-id-xx { background-image: url(https://gbf-ev.de/wp-content/uploads/2018/10/HG.jpg); background-repeat: no-repeat; background-attachment: fixed; width: 100%; float: left; left: 0; right:0; z-index:10; } } .color-section-over-skew { -webkit-clip-path: polygon(0 10,100% 0,100% calc(100% - 10vw),0 100%); clip-path: polygon(0 0,100% 0,100% calc(100% - 10vw),0 100%); margin-bottom: -10vw; background: blue; padding: 3em; float: left; height:400px; width: 100%; clear:both; } .hg-orange { background: rgb(244,102,10); background: -moz-linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); background: -webkit-linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); background: linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4660a",endColorstr="#f4660a",GradientType=1); padding: 3em; float: left; height:auto; margin: 0; color: #fff; clear:both; } .hg-orange-right { -webkit-clip-path: polygon(0 10vw,100% 0,100% calc(100% - 10vw),0 100%); clip-path: polygon(0 10vw,100% 0,100% calc(100% - 10vw),0 100%); margin-bottom: -15vw; background: rgb(244,102,10); background: -moz-linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); background: -webkit-linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); background: linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4660a",endColorstr="#f4660a",GradientType=1); padding: 3em; float: left; height:auto; clear:both; } .section-skew-orange { -webkit-clip-path: polygon(0 10vw,100% 0,100% calc(100% - 10vw),0 100%); clip-path: polygon(0 10vw,100% 0,100% calc(100% - 10vw),0 100%); margin-bottom: 15vw; background: rgb(244,102,10); background: -moz-linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); background: -webkit-linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); background: linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4660a",endColorstr="#f4660a",GradientType=1); padding: 3em; float: left; height:auto; width: 100%; clear:both; } .section-skew-orange-over { -webkit-clip-path: polygon(0 0,100% 0,100% calc(100% - 10vw),0 100%); clip-path: polygon(0 0,100% 0,100% calc(100% - 10vw),0 100%); margin-bottom: 10vw; background: rgb(244,102,10); background: -moz-linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); background: -webkit-linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); background: linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4660a",endColorstr="#f4660a",GradientType=1); width: 100%; padding: 3em; margin: 0; float: left; height:auto; text-align:center; min-height: 500px; clear:both; } .hg-orange h3 { color: #fff; padding-top: 1em; padding-bottom: 1em; } .page .section-skew-orange-over h1{ color: #fff; padding-top: 1em; padding-bottom:2em; font-size: 1.4em; } .page .section-skew-orange-over h2{ color: #fff; padding-top: 2em; padding-bottom: 2em; font-size: 1.3em; } .page .section-skew-orange-over h3{ color: #fff; padding-top: 2em; padding-bottom: 2em; } .page .section-skew-orange-over p { padding-top: 0; padding-bottom: 3em; } @media screen and (min-width:800px) { .page .section-skew-orange-over h1{ font-size: 2.3em; } .page .section-skew-orange-over h2{ font-size: 2em; } .page .section-skew-orange-over h3{ font-size: 1.2em; } } .section-skew-blue-over { -webkit-clip-path: polygon(0 0,100% 0,100% calc(100% - 10vw),0 100%); clip-path: polygon(0 0,100% 0,100% calc(100% - 10vw),0 100%); margin-bottom: 10vw; background: rgb(3,33,132); background: -moz-linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%); background: -webkit-linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%); background: linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#032184",endColorstr="#032184",GradientType=1); padding: 4em 3em; margin: 0; float: left; height:auto; width: 100%; min-height: 500px; color: #fff; clear:both; } .page .section-skew-blue-over article { width: 80%; } .page .section-skew-blue-over h1{ padding-bottom: .5em; padding-top: .5em; font-weight: 300; } .page .section-skew-blue-over h2{ padding-top:.5em; padding-bottom: .5em; font-size: 3.1em;font-weight: 400; } .page .section-skew-blue-over h3{ padding-top:.5em; text-align: left; color: #fff; font-size: 2.0em; font-weight: 300; } .page .section-skew-blue-over p { color: #fff; padding-top: 0; padding-bottom: 1em; } .page.section-skew-blue-over.li { color: #fff; } #color-section-skew { -webkit-clip-path: polygon(0 10vw,100% 0,100% calc(100% - 10vw),0 100%); clip-path: polygon(0 10vw,100% 0,100% calc(100% - 10vw),0 100%); margin-bottom: -10vw; background: rgb(244,102,10); background: -moz-linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); background: -webkit-linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); background: linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4660a",endColorstr="#f4660a",GradientType=1); padding: 3em; margin: 0; float: left; height:auto; width: 100%; clear:both; } .hg_shape_orange_right { width: 100%; height: 300px; overflow: hidden; position: relative; } .hg_shape_orange_righ:after { content: ""; position: absolute; width: 100%; height: 100%; background: red; background: linear-gradient(110deg, red, violet, blue); transform-origin: 0 100%; transform: rotate(-20deg) scale(1.2,1.2); bottom: 0; left: 0; } .alignnone { margin: 0; padding: 0; } .aligncenter, div.aligncenter { display: block; margin: 0 ; } .alignright { float:right; margin: 0 ; } .alignleft { float: left; margin: 0.5em 1em 0.5em 0; } a img.alignright { float: right; margin: 0; } a img.alignnone { margin: 0; } a img.alignleft { float: left; margin: 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background:rgba(156,207,157,.3); border: 0px solid #d6d6d6; max-width: 100; padding: .5em .4em 0.625em; margin: .8em; } .wp-caption.alignnone { margin: .5em 1.15em 1.15em 0; } .wp-caption.alignleft { margin: .5em 1.15em 1.15em 0; } .wp-caption.alignright { margin: .5em 0 0 1.15em; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 10px; width: auto; } .wp-caption .wp-caption-text { float: left; line-height: 1.0em; width: 100%; text-align: center; padding: .2em 0 1em 0; margin-bottom: 1em; margin-top: .5em; } .site-content.pic-font .white p { font-size: .6em; float: left; } .pic-font { font-size: .6em; float: left; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } #toggle-nav { background: #242d45; display: block; position: absolute; left: .3em; float: left; top: 1em; color: #fff; width: 60px; height: 50px; line-height: 50px; text-align: center; cursor: pointer; z-index: 3333; } #toggle-nav span { font-size:1.6em; color: #fff; } .js.site-nav, nav .site-nav{ display: none; } @media screen and (max-width:799px) { .js .site-nav{ display: none; } .site-nav{ display: none; } #toggle-nav { display:block; } .site-nav li ul { position: static; } } .site-nav { box-sizing: border-box; float: right; width: 100%; background:rgba(255,255,255, .6) ; color: #0b3140; font-size: 1em; margin-top: 0px; z-index: 2700; position:relative; } .site-nav ul { margin: .01em 3.0em .5em .5em; padding: .5em; } .site-nav ul { display: flex; flex-direction: column; float: right; } .site-nav a { display: block; color: #0b3140; } .site-nav ul li { position: relative; float:left; list-style: none; } .site-nav ul li a { margin-left: .5em; padding: 20px; display:block; } .site-nav ul li a:hover { color: #0b3140!important; margin-top: 0; } .site-nav ul li:hover { background:#ffcc33; } .site-nav ul li a.current, .site-nav .menu li a.current, .site-nav a:active, .site-nav >li.active > a, ul#menu-hauptnavigation.active >a{ color: #f1b414!important; } #cm_navigation>ul>li:hover>a, #cm_navigation>ul>li.cm_current>a, #cm_navigation>ul>li>ul>li:hover>a, #menu-hauptnavigation>ul>li>ul>li.wp_current>a, #menu-hauptnavigation>ul>li.wp_current>a { border-color: #5E5C5C; color: #fff; } .page-template-default.pagea.a.current { color: #f1b414!important; } .site-nav ul ul li a.current { color:red; margin-top: 1em; } .site-nav ul ul { position: absolute; top: -9999px; margin-top: 0em; left: -9999px; margin-left:0; background: #ffcc33; box-shadow: 0px 8px 10px rgba(0, 0, 0, .03); } .site-nav ul ul li#menu-item-601, .site-nav ul ul li#menu-item-584, .site-nav ul ul li#menu-item-598, .site-nav ul ul li#menu-item-599, .site-nav ul ul li#menu-item-600{ width: 300px; margin-left: 1em; } .site-nav ul a:hover { background: #ffcc33 !important; } .site-nav ul li a:hover { background: #ffcc33 !important; } .site-nav #menu-hauptnavigation.menu > li.active > a { background: #ffcc33 !important; } ul#menu-hauptnavigation > li.active > a { color: #fff; background: #ffcc33 !important; } .link1 ul ul { margin-left: 1em; background-color:aqua; } .page-id-9.site-nav ul ul { background:#ffcc33; } .site-nav ul ul li { float: none; width: 200px; color: #333; border-bottom: .051em solid rgba(255,255,255, .2); font-size:1em; margin-top: 0; } .site-nav ul ul li a { padding: 5px 0; color: #fff; } .site-nav ul li:hover > ul { top:38px; left: 0; color: red; } .site-nav ul ul li:hover > ul { top: 0; left: 200px; } @media screen and (max-width:799px){ .site-nav, nav { display:none; } .site-nav a:hover { font-size: 1em!important; color: #fff!important; } .site-nav a{ font-size: 1em!important; } .site-nav li:hover > ul { list-style: none; font-size: 1em!important; margin: 0; padding: 0; text-align: center; display: flex; flex-direction: column; background:#d4dae9!important; width: 100%; color: antiquewhite; float: none; position: relative; z-index:2000; } .site-nav li:hover { margin-top: 0; padding: 0; } .site-nav ul li a { padding: 0; margin: 0; text-align: center; display:block; } .site-nav ul li a:hover { color: #fff; margin: 0; padding: 0; } .site-nav li { margin: 0; padding: 0; font-size: 1.10em; } .site-nav ul ul li a { padding:0; color:#fff; text-align: center; width: 100%; } .site-nav ul ul li { float: none; width: 100%; margin: auto 0; font-size: 1em; } .site-nav ul ul ul li a { color: #555; } .site-nav ul ul ul li { float: none; width: 70%; margin: auto 15%; margin-left: 0; color: #555; } .site-nav > ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; width: 100%; } .site-nav .sub li{ visibility: hidden; height: 0; margin: 0; padding: 0; z-index: 1000; } .site-nav .sub li { display: block; width: 15em; } .site-nav li:hover .sub, .site-nav li:active .sub, .site-nav li:focus .sub { visibility: visible; height: auto; } .site-nav li:focus-within .sub { visibility: visible; height: auto; } } .site-nav ul li.sub1 > a:after { position: relative; float: right; content: ''; margin-left: 10px; margin-top: 5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #232323; border-bottom: 5px solid transparent; } .site-nav ul ul li.sub1 a:after { margin-left: auto; margin-right: -10px; border-left: 0px solid #fff; border-right: 0px solid transparent; border-top: 0px solid transparent; border-bottom: 0px solid transparent; } .site-nav ul ul li:last-child { border-bottom: none; } @media screen and (max-width:800px) { .site-nav { display:none; } } @media screen and (min-width:800px) { .page-id-9 .site-nav { display:block; top: -250px; z-index: 2500; float: right; } .site-nav { display:block; top: 0; z-index: 2500; float: right; } .site-nav ul { display: block; } #toggle-nav { display:none; } .site-nav ul li a { padding: 5px; } .site-nav li { font-size:68%; } } @media screen and (min-width: 800px) and (max-width: 1000px){ .site-nav ul li a { padding: 5px; font-size: 100%; margin: auto 0; } } @media screen and (min-width:900px) { .site-nav li { font-size:80%; } } @media screen and (min-width:1000px) { .site-nav { margin-left:0; } .site-nav li2 { font-size:85%; } } @media screen and (min-width:1100px) { .site-nav { padding: 0; } .site-nav { margin-left:0; } .site-nav li { font-size:85%; } } @media screen and (min-width:1242px) { .site-nav { padding: 0; margin-top: 0px; } .site-nav { margin-left:0; } .site-nav li { font-size:85%; } } @media screen and (min-width:1370px) { .site-nav { margin-top: -80px; } .site-nav li { font-size:90%; } .page-id-9 .site-nav { top: -185px; } } .nav-top { background: rgba(241,180,20, 0); font-size: 0.8em; display: block; float: left ; position:absolute; left: 0; right: 0; margin-top:0; z-index: 111000; } .nav-top > ul > li > ul { display: none; z-index:22250; } .nav-top > ul a{ display: block; white-space: nowrap; padding: 10px; margin-top:-25px; margin-bottom: 30px; padding-top: 1em; padding-bottom:1em; font-size: 80%; } .nav-top ul > li > ul > li a { background: #f1bb46; color: #fff; margin-top: -1.7em; margin-left: 0; float: left!Important; padding: 1em; width: 300px; z-index:22225; clear:both; } .nav-top > ul { float: left; overflow: hidden; padding: 0 10px 0 10px; } .nav-top > ul > li:hover > ul { display: block; position: absolute; } .nav-top a:hover a{ color:red; } .nav-top ul { right: 2px; padding: 1.5em 0; margin: 0; list-style: none; text-align: right; float: right; z-index:22225; position: absolute; } .nav-top li { display:inline; color: rgba(243, 145, 45, 1); padding: 0em 0.3em; margin: 0 0 0 0; } .nav-top a { text-align: left; color: #fff; float: left; padding: 0em 0.3em; text-decoration: none; } .nav-top .submenu { background: rgba(241,180,20, 1); } .nav-top ul > li > ul > li a{ margin-top: -.5em; } @media screen and (min-width:600px){ .nav-top { font-size: 0.8em; height: 200px; min-height: 90px; } } @media screen and (min-width:800px){ .nav-top { height:10px; } .home-image, .ck-image{ top: -136px; } } @media screen and (min-width:900px){ .nav-top { height:10px; } .home-image { } } @media screen and (min-width:1200px){ .nav-top { } } .site-slides { color: #333; background: #eee; float: left; width: 100%; height: 100px; } .gallery a { cursor: default; } .gallery { margin: auto -6px; padding: 6px 0; line-height: 1; overflow-x: hidden; } .ie7 .gallery, .ie8 .gallery { margin: auto; } .gallery .gallery-item { float: left; margin: 0; text-align: center; padding: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ie7 .gallery .gallery-item, .ie8 .gallery .gallery-item { padding: 6px 0; } .gallery .gallery-caption, .gallery .gallery-icon { margin: 0; } .gallery .gallery-caption { font-size: 13px; margin: 4px 0; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33.333%; } .ie8 .gallery-columns-3 .gallery-item, .ie7 .gallery-columns-3 .gallery-item { width: 33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.665%; } .gallery-columns-7 .gallery-item { width: 14.285%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.111%; } .gallery img { max-width: 100%; height: auto; border: none; padding: 0; } .site-search { position: absolute; } .site-search input[type="search"] { width: 100%; padding: .5em 90px .5em .5em; box-sizing: border-box; color: #1d2036; } .site-search input[type="submit"] { position: absolute; right: 0; bottom: 0; width: 113px; height: 37px; color: #1d2036; } @media screen and (min-width:600px) { .site-search { position: absolute; top: 0; right: 0; width: 250px; } } .site-main { } .page-template-template-no-sidebar main{ float: left; width: 100%; } .page-template-template-no-sidebar main section{ float: left; width: 100%; margin: auto 0; } .page-template-template-no-sidebar main article{ float: left; width:80%; } @media screen and (max-width:599px) { .site-content { float: left; position: relative; width: 100%; margin-top: 0; z-index: 2000; } .site-content article { width: 95%; margin: 0 .5em; font-size: 85%; line-height: 1.6; } .site-content.home { float: left; position: relative; width: 100%; margin-top: 0; z-index: 2000; } } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { width: auto; height: auto; } @media screen and (min-width:800px) { .site-content { float: left; width: 100%; position:relative; margin: 0; z-index: 2000; } .page-id-9 .site-content { top: -250px; } .home.site-content { float: left; width: 100%; } .site-content article { clear: both; float: left; width: 80%; margin: auto 10%; position:relative; } } .post-meta { } .wp-post-image { margin: .3em 1em 1em 0; } .wp-post-image a { padding: 1em; display: block; text-decoration: none; font-size: 1.1em; } @media screen and (min-width:1000px) { .site-content.home { top: -60px; } .site-content { } } .site-content-white{ color: #1d2036; } .site-content-blue-left, .site-content-blue-right { background: rgb(3,33,132); background: -moz-linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%); background: -webkit-linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%); background: linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#032184",endColorstr="#032184",GradientType=1); } .white-topul { top: 0; } .home-cover { display: block; background-size: cover; background-position: center; margin: auto; border-radius: 0px; box-shadow: 0px 0px 0px #888888; width: 100%; z-index: 100; } .home-cover img { width: 100%; } .home-cover .mycovertext { background: rgba(3,33,132,.0); width: 100%; max-height: 100%; float: left; margin: auto ; position:relative; top:120px; padding: 1em; font-family: 'Raleway','Roboto', sans-serif; border-radius: 2px; font-size:1em; z-index: 600; } .home-cover .mycovertext h1 { font-family: 'Raleway'; font-style: normal; font-weight: 300; font-size: 2.2em; color: #020518; padding-top: 20px; padding-right: 0; padding-left: 0; padding-bottom: 20px; text-shadow: 0px 5px 8px rgba(0, 0, 0, 0.45); } .home-cover .mycovertext h2 { font-size: 2.1em; padding-top: 0em; } .home-cover .mycovertext h3 { color: #edcf06; font-size: 2.1em; } .home-cover .mycovertext img { margin: 0; } .home-cover .mycovertext p { color: #edcf06; text-align: center; } @media screen and (max-width:570px) { .home-cover .mycovertext { top:-100px; } .home-cover .mycovertext h1 { font-size: 1.6em; padding-bottom: 0em; } .home-cover .mycovertext p { line-height: 1.05; margin-top:1em; } .home-cover .mycovertext h2 { font-size: 1.4em; padding-top: 0em; line-height: 1.2; } .home-cover .mycovertext h3 { font-size: 1.4em; padding-bottom: 0em; margin-top:-1.5; } .home-cover .mycovertext img { width: 30%; margin: .5em .5em; } } @media screen and (min-width:800px) { .home-cover .mycovertext { width: 50%; float: left; margin: auto 25%; position:absolute; top:200px; padding: 1em; border-radius: 2px; font-size:1em; z-index: 200; } .home-cover .mycovertext h1 { padding: 1em; } .home-cover .mycovertext h2 { font-size: 1.4em; padding-top: 0em; } .home-cover .mycovertext h3 { font-size: 1.4em; } .home-cover .mycovertext img { width: 30%; margin: .5em .5em; } } @media screen and (min-width:800px) { .home-cover .mycovertext { top:260px; width: 35%; line-height: 1.5; } .home-cover .mycovertext p { line-height: 1.5; font-size: 90%; } } @media screen and (min-width:900px) { .home-cover .mycovertext { width: 35%; line-height: 1.5; } .home-cover .mycovertext p { line-height: 1.5; font-size: 90%; } } @media screen and (min-width:1100px) { .home-cover .mycovertext { top:190px; width: 30%; } .home-cover .mycovertext p { line-height: 2; font-size: 100%; } } @media screen and (min-width:1200px) { .home-cover .mycovertext { top:190px; width: 30%; } .home-cover .mycovertext p { line-height: 2.1; font-size: 100%; font-size: 1.4em; } } @media screen and (min-width:1400px) { .home-cover .mycovertext { top:180px; width: 40%; } .home-cover .mycovertext h1 { font-size: 2.1em; padding-bottom: 0em; margin-top: -1.25em; } .home-cover .mycovertext h2 { font-size: 1.8em; padding-top: 0em; line-height: 1.4; } .home-cover .mycovertext h3 { font-size: 1.8em; padding-bottom: .3em; margin-top: 0em; } .home-cover .mycovertext img, .home-cover .mycovertext p { line-height: 1.6; } } @media screen and (min-width:1200px) { .home-cover .mycovertext { width: 40%; margin-top:40px; } } #v_social { display: block; position: fixed; right: -240px; margin-top: 120px; font-size: 75%; z-index: 2522; } .v_social { width: 180px; background-color: #555; } #v_social .text{ margin-left: 30px; } #v_social .soc-aktuelles { margin-right: 0; right: 110px; background-color: #fff; width: 180px; padding-left: 10px; padding-top: 8px; } #v_social .soc-aktuelles img { width: 30px; } #v_social .soc-kontakt { margin-right: 0; right: 110px; background-color: #fff; width: 180px; padding-left: 10px; padding-top: 5px; } #v_social .soc-unterkunft { margin-right: 0; right: 110px; background-color: #fff; width: 180px; padding-left: 10px; padding-top: 10px; height: 50px; } #v_social .soc-unterkunft img{ margin: auto; margin-top: 5px; } #v_social img { cursor: pointer; width: 24px; } #v_social .soc-aktuelles a:hover { left: 20px; } #v_social li { position: relative; display: block; width: 130px; height: auto; margin-bottom:.5em; padding-left: 1px; color: #fff; } #v_social li .text { color: #fff; margin-left: 5px; top: -4px; position: relative; } #v_social .soc-unterkunft li .text { left: 40px; } #v_social .soc-unterkunft .unterkunft-link { margin-left: 28px; margin-top: -37px; line-height: 1.3; } #v_social li:hover { right: 210px; 2transition: opacity 2s ease-out; -webkit-transition: left 4s linear; -webkit-transition: left 4s linear; -moz-transition: left 4s linear; -o-transition: left 4s linear; transition: left 4s linear; background-color:#ffcc33; opacity: .90; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); zoom: 1.0; } @media screen and (max-width:570px) { .home-cover .mycovertext img { width: 30px; margin: .5em .5em; } } @media screen and (min-width:800px) { .home-cover .mycovertext h1 { padding: 1em; } .home-cover .mycovertext h2 { font-size: 1.4em; padding-top: 0em; } .home-cover .mycovertext h3 { font-size: 1.4em; } .home-cover .mycovertext img { width: 30%; margin: .5em .5em; } } @media screen and (min-width:800px) { .home-cover .mycovertext { top:260px; width: 35%; line-height: 1.5; } .home-cover .mycovertext p { line-height: 1.5; font-size: 90%; } } @media screen and (min-width:900px) { .home-cover .mycovertext { width: 35%; line-height: 1.5; } .home-cover .mycovertext p { line-height: 1.5; font-size: 90%; } } @media screen and (min-width:1100px) { .home-cover .mycovertext { top:190px; width: 30%; } .home-cover .mycovertext p { line-height: 2; font-size: 100%; } } @media screen and (min-width:1200px) { .home-cover .mycovertext { top:190px; width: 30%; } .home-cover .mycovertext p { line-height: 2.1; font-size: 100%; font-size: 1.4em; } } @media screen and (min-width:1400px) { .home-cover .mycovertext { top:180px; width: 40%; } .home-cover .mycovertext h1 { font-size: 2.1em; padding-bottom: 0em; margin-top: -1.25em; } .home-cover .mycovertext h2 { font-size: 1.8em; padding-top: 0em; line-height: 1.4; } .home-cover .mycovertext h3 { font-size: 1.8em; padding-bottom: .3em; margin-top: 0em; } .home-cover .mycovertext img, .home-cover .mycovertext p { line-height: 1.6; } } @media screen and (min-width:1200px) { .home-cover .mycovertext { width: 40%; margin-top:40px; } } .hg_blue_right { background: rgb(3,33,132); background: -moz-linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%); background: -webkit-linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%); background: linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#032184",endColorstr="#032184",GradientType=1); color: #fff; padding: 3em; margin: 0; float: left; height:auto; width: 100%; margin-bottom: 0em; clear:both; } .hg_blue_left { background: rgb(3,33,132); background: -moz-linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%); background: -webkit-linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%); background: linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#032184",endColorstr="#032184",GradientType=1); color: #fff; padding: 1em; clear:both; } .inhalt_left { width: 100%; height: auto; margin-bottom: 2em; padding: 1em; margin: 0 1em; } .inhalt_right { width:100%; height: auto; margin-bottom: 2em; padding: 1em; margin: 0 1em; } .inhalt_right p h1, .inhalt_left p h1 { color: #1d2036; } .hg_blue_right p , .hg_blue_left p { color: #fff; } .hg_blue_right h1 , .hg_blue_left h1 { color: #f4660a; } @media screen and (min-width:768px) { .inhalt_right { float: right; width:45%; height: auto; margin: 0; margin-bottom: 2em; padding: 1em; } .inhalt_left { float: left; width:45%; } .inhalt_right article , .inhalt_right p { margin: 0; padding: 0; width: 100%; clear:both; } .inhalt_left article , .inhalt_left p { margin: 0; padding: 0;width: 100%; clear:both; } .inhalt_right .box_2 article{ width: 45%; margin-right: 0em; margin-top: 1em; } .inhalt_left .blue_left .box_2 { width: 45%; margin-left: 1em; float: left; clear:both; } } .inhalt_three, .inhalt_three_orange { float: left; width: 100%; height: auto; margin-bottom: 2em; margin-top:0; padding: .5em; margin: 1em 1em; min-height: 340px; } .inhalt_three { background: rgba(238,239,246,0.9); } .inhalt_three_orange { background: rgba(245, 145, 45,1); margin-bottom:6em; padding-top: 1em; color: #fff; } .inhalt_three_orange a { color: aliceblue; } article.inhalt_three, article.inhalt_three_orange { display: block; width:99%; } .inhalt_three a { color: rgb(3,45,100); width: 100%; text-align: center; clear: both; } .inhalt_three p , .inhalt_three_orange p { clear: both; color: #1d2036; width: 100%; font-size: 1em; } .inhalt_three h1, .inhalt_three_orange h1 { clear: both; width: 100%; } @media screen and (min-width: 768px){ .inhalt_three, .inhalt_three_orange { width:40%; height: auto; min-height: 340px; } .inhalt_three p , .inhalt_three_orange p { width: 100%; margin: auto 0; padding: 1em; clear: both; } } @media screen and (min-width: 900px){ .inhalt_three, .inhalt_three_orange { width: 27%; height: auto; min-height: 450px; margin-right:5%; margin:1em; padding: 1em 0; } .inhalt_three p , .inhalt_three_orange p { width: 100%; margin: auto 0; padding: 1em; clear: both; } .section-skew-blue-over { padding: 6% 3% 10% 3%; font-size: 110%; } } @media screen and (min-width: 1100px){ .inhalt_three, .inhalt_three_orange { width: 27%; height: auto; min-height: 450px; margin-right:5%; margin:2em; padding: 1em 0; } .inhalt_three p , .inhalt_three_orange p{ width: 100%; margin: auto 0; padding: 1em; clear: both; } .section-skew-blue-over { padding: 4em 1.0em; } } @media screen and (min-width:1400px){ .inhalt_three, .inhalt_three_orange { width: 25%; height: auto; min-height: 450px; left: 5%; margin-right:5%; margin:3.5em; padding: 1em 0; } } .page-id-974 .box-am .am h1{ float: left; position: relative; min-width: 1100px; padding-top: 2em; padding-bottom: -4em; margin-bottom: 0em; margin-left: -400px; text-align: center; top: -8em; color: #fff; z-index:1000; } .tab_1 { margin: auto 0 ; width: 25%; float: left; text-align: left; } .tab_2 { margin: auto 0 ; width: 30%; float: left; text-align: left; } .transparent-hg { background:rgba(255, 255, 255, 0.8); float: left; height:auto; width: 100%; margin: 0; margin-top: 3em; margin-bottom: 3em; clear:both; } .transparent-hg article { padding: 1em; height: auto; min-width: 40%; } .transparent-hg p { text-align: center; clear:both; } .transparent-blue-hg { background: rgba(3,33,132,0.8); float: left; height:auto; width: 100%; color: #fff; padding: 3em; margin: 0; margin-top: 3em; margin-bottom: 3em; clear:both; } .transparent-blue-hg p { text-align: center; color: #fff; font-style:fine; clear:both; } .transparent-blue-hg article { max-width: 1100px; margin: 0 auto; padding: 1em; height: auto; min-width: 40%; } .transparent-orange-hg { background: rgba(243,145,45, 0.9); float: left; height:auto; width: 100%; padding: 3em; margin: 0; margin-top: 3em; margin-bottom: 3em; color: #1d2036; clear:both; } .transparent-orange-hg h2 { color: #1d2036; } .transparent-orange-hg a { color: #fff; } .transparent-orange-hg p { text-align: center; clear:both; } .transparent-orange-hg article { max-width: 1100px; margin: 0 auto; padding: 1em; height: auto; min-width: 40%; } .start { float: left; height:auto; position: relative; width: 80%; margin: auto 10%; font-size: 1.25em; padding: 0 1em .2em 1em; text-align: justify; clear:both; } .start article { float: left; height:auto; position: relative; width: 99%; margin: auto 0; font-size: 1.25em; padding: 0 2em .2em 2em; clear:both; } .start p { float: left; height:auto; position: relative; background: rgba(0,0,0,0); width: 100%; text-align: left; clear:both; } .start b { float: left; height:auto; position: relative; background: rgba(0,0,0,0); width: 100%; font-size: 95%; padding: 0 2em .2em 2em; margin: 0; text-align: left; clear:both; } .start h1, .start h12, .start h2, .start h3 { text-align: left; padding: 2em 1em .2em 1em; } .start-h h1 { width: 80%; margin-bottom: 1em; text-align: left; } p.start { width: 80%; font-size:1.25em; float: left; margin: auto 10%; } .start h1, .start h12, .start h2, .start h3 { text-align: left; padding: 2em 1em .2em 1em; } .white{ float: left; height:auto; position: relative; width: 100%; padding: 1em; margin: 0; text-align: center; clear:both; } .box-course { float: left; height:auto; position: relative; width: 100%; padding: 1em 0; margin: 0; text-align: center; clear:both; } .white{ background: rgba(0,0,0,0); } .box-course { background: rgb(212,218,233); background: -moz-linear-gradient(top, rgba(212,218,233,1) 0%, rgba(255,255,255,1) 87%); background: -webkit-linear-gradient(top, rgba(212,218,233,1) 0%,rgba(255,255,255,1) 87%); background: linear-gradient(to bottom, rgba(212,218,233,1) 0%,rgba(255,255,255,1) 87%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4dae9', endColorstr='#ffffff',GradientType=0 ); } @media screen and (min-width:800px) { .white, .box-course { min-height: 300px; } } .white p, .box-course p{ line-height: 2.1; padding-right: 1em; padding-left: 1em; margin-bottom: 1em; text-align: justify; } .white h2 , .box-course h2{ margin: 1% auto; font-size: 2.5em; padding-bottom: 0; padding-top: 0; padding-left: 1em; text-align: center; font-weight: 300; max-width:100%; color:#404552; font-family: 'Roboto'; line-height: 72px; letter-spacing: 0.3px; hyphens: auto; } .white .pic-font img , .box-course .pic-font img{ margin:auto 10%; } @media screen and (max-width: 800px){ .box-course p{ line-height: 1.5; padding-right: 1em; margin-bottom: 1em; text-align: justify; width: 100%; } } @media screen and (min-width:800px) { .white, .box-course { min-height: 300px; } .white h2 , .box-course h2{ margin: 0 auto; text-align: left; font-size: 2.5em; padding-bottom: 0; } } @media screen and (min-width:1400px) { .white, .box-course { margin-top:0; padding: 0; } } .white-left { background: rgb(0,0,0,0); width: 100%; padding: 3em; margin: 0; float: left; height:auto; line-height: 1.325; clear:both; } .white-left p , .white-left h2 , .white-left h3{ margin:auto 5%; width:99%; text-align: left; } .pagination{ clear:both; width: 100%; padding:1em; text-align: center; background:#193252; color: #eee; float:left; } nav.pagination a::before { content: " • "; margin-left: 1em; font-size: 1.1em; } div.comment-form { margin-top: 4em; } .comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url], .comment-form textarea { padding:.5em; color: white; background-color: rgba(0, 0, 0, 1); border: 2px solid rgba(255, 255, 255, 0.22); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.24); margin: .2em 0 1em 0; width:100%; } .comment-form input[type=submit] { background: rgba(255, 255, 255, 0.17); padding: .75em 1.2em; border: 2px solid rgba(255, 255, 255, 0.61); margin-top: -1em; } .comment-list { margin-top: 5em; } .comment-list ul { padding:0; margin:0; list-style: none; } .single-comment { background: rgba(255, 255, 255, 0.1); padding: 1em; margin-bottom: 1em; } .single-comment .children { margin-top:1em; } .single-comment .avatar { float:right; border-radius: 32px; object-fit: cover; } .bypostauthor > article { background: #ededed; padding: 6px; border-right: #ff9900 solid 10px; border-radius: 3px; } .site-sidebar { padding:0; } .circle { font: 300 100%/1.5 Ubuntu; width:25%; height: 0; background: #fdc82f; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 4px solid #f7eccd; border-style:double; padding: 1% 1%; text-align: center; font-family: 'Roboto'; font-weight: 300; font-style: normal; } .circle2 { font: 300 100%/1.5 Ubuntu; width: 96%; float: left; position: relative; margin-bottom: 1%; background: #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin: -3% 0 6% 1%; } aside { background:silver; padding:1em; } .site-sidebar { padding:0; } .sp-row{ display:inline; float: left; width: 100%; margin: 0; padding: 0; } .container-slick { float: left; margin-bottom: 1%; margin-top: 1%; right: 0; left: 0; } .zoom , .zoom2 { overflow: hidden; } .zoom img{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.7s linear; -moz-transition: all 0.7s linear; -ms-transition: all 0.7s linear; -o-transition: all 0.7s linear; transition: all 0.7s linear; } .zoom2 img{ -webkit-transform: scale(.95); -moz-transform: scale(.95); -ms-transform: scale(.95); -o-transform: scale(.95); transform: scale(.95); -webkit-transition: all 0.7s linear; -moz-transition: all 0.7s linear; -ms-transition: all 0.7s linear; -o-transition: all 0.7s linear; transition: all 0.7s linear; } .zoom img:hover { height: auto; -webkit-transform: scale(1.7); -moz-transform: scale(1.7); -ms-transform: scale(1.7); -o-transform: scale(1.7); transform: scale(1.7); } .zoom2 img:hover { height: auto; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .zoom, .zoom2{ left: 0; right: 0; margin-left: 0; margin-right:0; margin-top: 0; margin-bottom: 0; padding: 0; } .zoom2{ text-align: center; } .sepia img { transition: transform 2s, filter 1.8s ; transform-origin: center center; filter: sepia(0%); } .sepia:hover img { filter: sepia(220%); } .saturate img { transition: transform 1.1s, filter 0.5s ; transform-origin: center center; filter: saturate(100%); } .saturate:hover img { filter: saturate(30%); } .invert img { transition: transform 1.2s, filter 1.1s cubic-bezier(0.4, 0, 1, 1); filter: sepia(0); } .invert:hover img { filter: sepia(220%); } .contrast img { transition: transform 2s, filter 1.8s ; transform-origin: center center; filter: contrast(90%); } .contrast:hover img { filter: contrast(180%); } .brightness img { transition: transform 2s, filter 1.8s ; transform-origin: center center; filter: brightness(110%); } .brightness:hover img { filter: brightness(180%); } .img-hover-zoom { height: 300px; overflow: hidden; } .img-hover-zoom:hover img { transform: scale(1.3); } .img-hover-zoom--basic img { transition: transform 2s, filter 1.8s ease-in-out; transform-origin: center center; } .img-hover-zoom--basic:hover img { transform: scale(1.3); } .img-hover-zoom--Farbton-Drehung img { transition: transform 2s, filter 1.25s ease-in-out; transform-origin: center center; filter: Farbton-Drehung (0 Grad); } .img-hover-zoom--Farbton-Drehung :hover img { filter: Farbton-Drehung (110 Grad); transform: scale(1.6); } .container-slick figure { display: block; float: left; height: auto; left: 0; right: 0; margin-left: 0; margin-right:0; padding: 0; margin-block-start: .3em; margin-block-end: .3em; margin-inline-start: .3em; margin-inline-end: .3em; } .container-slick figure { display: inline-block; padding: 0; background: white; overflow: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .container-slick figure img { float: left; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; width: auto; max-width: auto; -webkit-transition: all 1s ease ; -moz-transition: all 1s ease; transition: all 1s ease; } .btn-back{ display:inline; float: left; position: relative; height: 6.25rem; background: rgba(255, 204, 51, .4); border: 0px solid gold; width: 100%; cursor: pointer; padding:2em; text-align: center; font-size: 80%; } .btn-back a{ top: 20%; padding:0 .3em; color:#292c29; } .btn-back a:hover { color: gold; } .btn-middle{ display:block; width: auto; max-width: 250px; margin:auto; padding:.3em .5em; cursor: pointer; background-color: rgba(255, 204, 51,.4); border: 1px solid gold; text-align: center; } .btn-middle a { background: rgba(255, 204, 51, 1); display:inline; font-size:90%; text-decoration: none; } .btn-middle a:hover { color: gold; } .btn-small{ width: auto; max-width: 250px; margin:auto; padding:.8em .9em; cursor: pointer; background-color: rgba(255, 204, 51,1); border: 1px solid gold; text-align: center; } .btn-small a { background: rgba(255, 204, 51, .6); display:inline; font-size:90%; text-decoration: none; } .btn-small a:hover { color: gold; } .cms-widget__load-more { text-align: center; position: absolute; width: 100%; left: 0; height: 6.25rem; bottom: 0; background-color: #f7f7f7; } .cms-widget__load-button { border: 0; font-size: 1rem; width: 150px; position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; z-index: 2; background-color: #f7f7f7; padding: 0; margin: 0 .75rem; } .link--cta-dark { font-family: 'Raleway'; text-transform: uppercase; color: #121212; border-bottom: 1px solid #4d4d4d; } .btn-middle.box-pic{ background: #141914; width: 34%; margin: auto 34%; padding: .2em; cursor: pointer; } .btn-middle.box-pic a { color: #fff; display:inline; font-size:1.0em; text-decoration: none; } .btn-middle.box-pic a:hover { color: gold; } .btn-middle.box-pic:hover { border: 1px solid gold; } @media screen and (min-width:800px){ .btn-middle.box-pic a { font-weight: 300; } } .btn-middle.box-pic { float: left; border-radius: 0px 0px 0px 0px; text-align: center; cursor: pointer; border: 1px solid #ffffff; margin-bottom: 3%; } .kontur { border: 1px solid #333; margin: 3%; } .kontur-fff { clear: both; border: 1px solid #fff; margin: 0; padding: 0; width: auto; } .btn-kontur{ display:inline; border: 1px solid green; width: auto; float: left; height: auto; margin-left: 5%; padding-bottom: 0; text-align: center; margin-bottom: 3%; color: #f5f9f5; cursor: pointer; } .kontur-1{ border: 1px solid #333; width: 90%; margin-left: 5%; padding-bottom: 0; } .btn-kontur a { border: 1px solid red; color: #292c29; font-family: 'Raleway'; display:inline; font-size:.9em; text-decoration: none; } .btn-kontur a:hover { color: gold; } .btn-kontur:hover { border: 1px solid gold; } @media screen and (min-width:800px){ .btn-kontur a { font-weight: 200; } } .btn-kontur-s { color: #292c29; font-family: 'Roboto'; text-align: center; font-size: .9em; padding: 3%; margin-top: -9%; } .btn-kontur-s a { color: #fff; border: 1px solid #fff; } .card .kontur { margin-top: 0; } .btn-abstand { bottom: 4%; } .abstand_pad { padding: 1em; } .abstand_1 { margin-bottom: 4%; margin-top: 4%; } .abstand_2 { margin: auto 4%; } .abstand { margin-bottom: 4%; } .abstand-kont { bottom: 2%; } .abstand-top{ margin-top: 4%; } .abstand-top-inner{ padding-top: 4%; } .abstand-top-big-inner{ padding-top: 8%; } .abstand-bot-inner{ padding-bottom: 4%; } .abstand-top-big{ margin-top: 8%; } .abstand-color { width: 100%; height: 20px; margin-top:0; background: #fff; } figure:hover { } figure img { -webkit-transform: scale(.99); -moz-transform: scale(.99); transform: scale(.99); -webkit-transition: all ease 1.5s; -moz-transition: all ease 1.5s; transition: all ease 1.5s; } figure:hover img { -webkit-transform: scale(.93); -moz-transform: scale(.93); transform: scale(.93); -webkit-transition: all ease 1.3s; -moz-transition: all ease 1.3s; transition: all ease 1.3s; opacity: 1; filter: alpha(opacity=100); } .card figure img { display:block; margin-left: 0; margin-right: 0; padding-right: 0; width: auto; max-width: auto; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .card p figure { margin: 0; width: 100%; float: left; display: block; text-align: left; } figcaption { font-size: 2.0em; display: block; text-align: center; } .kontakt{ width: 99%; margin: 5% 0 ; padding: 0 ; clear: both; position: relative; text-align: center; } .kontakt p { text-align: center; font-size: 80%; line-height: 1.7; margin: 5% 0; width: 95%; color: #666666; } .kontakt a { font-size: .9em; } .kontakt-box-70 { width: 100%; margin: auto ; } @media screen and (min-width:900px) { .kontakt{ width: 80%; margin:10%; padding: .5em .5em; } .kontakt p { font-size: 110%; line-height: 1.9; text-align: center; width: 80%; } .kontakt a { font-size: 1em; } .kontakt-box-70 { width: 80%; margin: auto 10%; } } .datenschutz { background: rgb(0,0,0,0); width: 90%; margin: auto 5%; float: left; line-height: 1.325; font-size: 80%; clear:both; } .datenschutz p { text-align: justify; line-height: 1.525; width: 90%; margin: auto 5%; } .datenschutz h2, .datenschutz h3, .datenschutz h4{ text-align: left; float: left; width: 90%; margin: auto 5%; padding-bottom: .3em; } .datenschutz ul { width: 85%; margin: auto 5%; padding: 1em 2em; color: #666666; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-inner { min-height: 300px; border: 1px solid #fff; border-radius: 30px; background-color: #bbbbbb; } @media screen and (min-width:600px) { .site-sidebar { float:right; } } @media screen and (min-width:800px) { .site-sidebar { margin-top:5em; } } footer .widget , .page-id-9.site-footer{ width: 100%; margin-left: 0; } .page-id-9.site-footer { margin-top: 0px; } @media screen and (min-width:600px){ .page-id-9 .site-footer { display: grid; float: left; color: #fff; padding-top: 3%; width: 100%; } } .site-footer { display: grid; float: left; background: #FFC121; color: #fff; padding-top: 3%; width: 100%; border-top: white; border-top-style: solid; } .textwidget p, .textwidget{ padding: 1% 0; margin: auto 1%; width: 90%; font-size: .9em; word-wrap: break-word; } .site-footer h2, .widgettitle h2{ font-family:'Roboto', 'Open Sans' , 'Raleway'; color: #040a1b; text-align: left; } .site-footer a { color:#2f1f06; font-size: 1.0em; } .footer-widgets { margin-right:0; } .footer-widget-column { float: left; width: 100%; padding-left: 0; box-sizing: border-box; } .footer-widget-column:nth-child(1):nth-last-child(1) { float: none; width: 100%; } .footer-widget-column:nth-child(1):nth-last-child(2), .footer-widget-column:nth-child(2):nth-last-child(1) { width: 100%; } .footer-1, .footer-2, .footer-3, .footer-4, .widget-area { float: left; text-align: left; padding-left: 2em; padding-bottom: 1em; margin: auto 0; } .textwidget p { color:#fff; } .footer-copyright { font-size: 68%; padding: 2%; clear: both; float: left; position: relative; background-color: #040a1b; color: #ffcc33; right: 0; left: 0; width: 100%; } .footer-copyright p{ color: #ffcc33; margin-left: 2em; margin-right:1em; font-size: 1.0em; } .footer-copyright a{ color:#e2d3a5; font-size: 1.0em; } .footer-copyright a:hover{ color:#ffcc33; } @media screen and (min-width:1200px){ .footer-copyright { font-size: 80%; } .site-footer p { margin-left:0; font-size:.9em; color: #040a1b; } .textwidget p, .textwidget { padding: 2% 0; margin: auto 3% auto 0; } .textwidget.footer-copyright, .textwidget.footer-copyright p { padding:-2% 0; margin: 0; } .widgettitle h2{ font-size:100%; text-align: left; } .footer-1, .footer-2, .footer-3, .footer-4, .widget-area{ float: left; text-align: left; padding-left: 2em; padding-bottom: 1em; width: 25%; } .footer-copyright p { margin-left: 2em; color: #ffcc33; text-align: left; width: 100%; padding-left: 0em; left: 0; } .site-footer h2, .widgettitle h2 { font-size: 1.5em; } } .back-to-top { display: none; font-size: 2em; position: fixed; float: left; height: 40px; width: 30px; right: 50%; bottom: 30px; z-index: 2100; } a.back-to-top { color:#323; } a.back-to-top:hover { border: solid 0px; border-radius: 0px;color: red; z-index: 3500; } a.back-to-top span { display: none; font-size: .9em; } a.back-to-top:hover span { width: 80px; height: 130px; margin-right: 20px; top: 0; padding: 10px 20px 40px; color: red; display: block; position: absolute; text-align: center; font-size: .8em; border-radius: 2px 2px 1px 1px; z-index: 2999; } article p .GemOW { width: 50%; float: left; font-family: 'Qwigley'; font-style: normal; font-weight: 400; padding: 3em; background-color: azure; color: #333; } figure { margin: 0em 0em 1em 0em; padding: 0; } .center { width: 80%; margin:20px 10%; float: left; position:relative; } .middle, .more-link, .aria-label, .label{ width: 100%; margin: -5px auto 0 auto; padding-top: 0px; color: #8e2216; text-decoration: none; font-size: .9em; } @media screen and (max-width:799px){ .middle, .more-link, .aria-label, .label{ width: 100%; margin: 0 auto; padding-top: 0px; color: #8e2216; text-decoration: none; font-size: .9em; } } .middle.center { color: #8e2216; } button { font-family: inherit; font-size: .91em; line-height: 1.15; margin: 1em; background: #ffcc33; color: #2f1f06; padding: 0.6em 1em; cursor: pointer; } .akkordeon-titel { background-color: #fff; cursor: pointer; padding: 10px; color: #ffcc33; text-align: left; text-decoration: underline; font-weight: 400; font-size: 1.1em; } li { list-style-type: none; } .akkordeon-inhalt { display: none; padding: 10px; border-top: 0; border:0px solid #ffcc33; } .akkordeon-inhalt a { font-size:.9em!Important; color: #404552; } .akkordeon-titel.active { background-color: #ffcc33; color: #fff; } .icon-wrapper { position: fixed; left: 0px; bottom: 100px; z-index: 2553; text-align: center; } .popup-icon img { display: block; width: 60px; height: auto; } .hover-text { color: #f1d65e; background-color: #2f2d24; border-radius: 0; padding: 10px; font-size: .7em; margin-top: 0px; font-weight: 400; display: none !important; position: absolute; width: auto; left: 0; z-index: 2554; } .icon-wrapper:hover .hover-text { display: block!important; } .popup-icon:hover + .hover-text { display: block; } #popup { position: fixed; top: 5%; background: #333; color: #ffdd00; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.5); max-width: 100%; border-radius: 8px; visibility: hidden; opacity: 0; font-size: 75%; transition: visibility 0s, opacity 0.5s linear; z-index: 9999; } @media screen and (min-width:800px){ #popup { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 0 2%; font-size: 100%; max-width: 90%; border-radius: 3px; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } } #popup-mobile { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9999; background: #333; color: #ffdd00; padding: 0 2%; box-shadow: 0 0 10px rgba(0,0,0,0.5); max-width: 90%; border-radius: 3px; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } #close, #close-mobile { position: absolute; right: 10px; top: 10px; cursor: pointer; font-size: 20px; color: #ffdd00; } .popup-full h1 { color: #ffdd00; } .btn-popup a { color: #fff; } .hintergrund, .button-popup, .button-popup-mobile { margin-top: 20px; } .button-popup, .button-popup-mobile { background-color: #ffdd00; color: #fff; padding: 10px 15px; text-decoration: none; border-radius: 5px; } .button-popup:hover, .button-popup-mobile:hover { background-color: #e6c802; } a { color: #ffdd00; } .btn-popup { font-size: .9em; display: block; margin: 1% 0; padding: 0.1em 0.3em; cursor: pointer; color: #fff; border: 1px solid gold; text-align: left; float: left; } .popup-full { width: 90%; float: left; position: relative; } #icon-popup { margin: 5% 0 5% 45%; margin-top: 5%; margin-bottom: 3%; float: left; } #icon-popup img { max-width: 100px; }@font-face { font-family: 'Alex Brush'; font-style: normal; font-weight: 400; src: url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/alex-brush-v12-latin-regular.eot); src: local(''), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/alex-brush-v12-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/alex-brush-v12-latin-regular.woff2) format('woff2'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/alex-brush-v12-latin-regular.woff) format('woff'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/alex-brush-v12-latin-regular.ttf) format('truetype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/alex-brush-v12-latin-regular.svg#AlexBrush) format('svg'); } @font-face { font-family: 'Rochester'; font-style: normal; font-weight: 400; src: url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/rochester-v11-latin-regular.eot); src: local(''), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/rochester-v11-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/rochester-v11-latin-regular.woff2) format('woff2'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/rochester-v11-latin-regular.woff) format('woff'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/rochester-v11-latin-regular.ttf) format('truetype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/rochester-v11-latin-regular.svg#Rochester) format('svg'); } @font-face { font-family: 'Great Vibes'; font-style: normal; font-weight: 400; src: url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/great-vibes-v6-latin-regular.eot); src: local('Great Vibes'), local('GreatVibes-Regular'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/great-vibes-v6-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/great-vibes-v6-latin-regular.woff2) format('woff2'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/great-vibes-v6-latin-regular.woff) format('woff'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/great-vibes-v6-latin-regular.ttf) format('truetype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/great-vibes-v6-latin-regular.svg#GreatVibes) format('svg'); font-display: swap; } @font-face { font-family: 'Allura'; font-style: normal; font-weight: 400; src: url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/allura-v9-latin-regular.eot); src: local(''), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/allura-v9-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/allura-v9-latin-regular.woff2) format('woff2'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/allura-v9-latin-regular.woff) format('woff'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/allura-v9-latin-regular.ttf) format('truetype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/allura-v9-latin-regular.svg#Allura) format('svg'); font-display: swap; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-300.eot); src: local('Open Sans'), local('OpenSans-Light'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-300.eot?#iefix) format('embedded-opentype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-300.woff2) format('woff2'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-300.woff) format('woff'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-300.ttf) format('truetype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-300.svg#OpenSans) format('svg'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-regular.eot); src: local('Open Sans Regular'), local('OpenSans-Regular'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-regular.woff2) format('woff2'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-regular.woff) format('woff'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-regular.ttf) format('truetype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-regular.svg#OpenSans) format('svg'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-300italic.eot); src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-300italic.eot?#iefix) format('embedded-opentype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-300italic.woff2) format('woff2'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-300italic.woff) format('woff'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-300italic.ttf) format('truetype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-300italic.svg#OpenSans) format('svg'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-600.eot); src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-600.eot?#iefix) format('embedded-opentype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-600.woff2) format('woff2'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-600.woff) format('woff'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-600.ttf) format('truetype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-600.svg#OpenSans) format('svg'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-700.eot); src: local('Open Sans Bold'), local('OpenSans-Bold'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-700.eot?#iefix) format('embedded-opentype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-700.woff2) format('woff2'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-700.woff) format('woff'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-700.ttf) format('truetype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-700.svg#OpenSans) format('svg'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-800.eot); src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-800.eot?#iefix) format('embedded-opentype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-800.woff2) format('woff2'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-800.woff) format('woff'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-800.ttf) format('truetype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/open-sans-v17-latin-800.svg#OpenSans) format('svg'); } @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 200; src: url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-200.eot); src: local('Raleway '), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-200.eot?#iefix) format('embedded-opentype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-200.woff2) format('woff2'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-200.woff) format('woff'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-200.ttf) format('truetype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-200.svg#Raleway) format('svg'); } @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 300; src: url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-300.eot); src: local('Raleway'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-300.eot?#iefix) format('embedded-opentype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-300.woff2) format('woff2'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-300.woff) format('woff'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-300.ttf) format('truetype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-300.svg#Raleway) format('svg'); } @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; src: url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-regular.eot); src: local('Raleway'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-regular.woff2) format('woff2'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-regular.woff) format('woff'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-regular.ttf) format('truetype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-regular.svg#Raleway) format('svg'); } @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 500; src: url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-500.eot); src: local('Raleway'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-500.eot?#iefix) format('embedded-opentype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-500.woff2) format('woff2'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-500.woff) format('woff'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-500.ttf) format('truetype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-500.svg#Raleway) format('svg'); font-display: swap; } @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 600; src: url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-600.eot); src: local('Raleway'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-600.eot?#iefix) format('embedded-opentype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-600.woff2) format('woff2'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-600.woff) format('woff'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-600.ttf) format('truetype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-600.svg#Raleway) format('svg'); } @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 700; src: url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-700.eot); src: local('Raleway'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-700.eot?#iefix) format('embedded-opentype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-700.woff2) format('woff2'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-700.woff) format('woff'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-700.ttf) format('truetype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/raleway-v17-latin-700.svg#Raleway) format('svg'); } @font-face { font-family: 'Aktiv Grotesk'; src: local('Aktiv Grotesk'),('../fonts/Aktiv-Grotesk-Thin.eot'); src: url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/Aktiv-Grotesk-Thin.eot?#iefix) format('embedded-opentype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/Aktiv-Grotesk-Thin.otf) format('opentype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/Aktiv-Grotesk-Thin.svg) format('svg'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/Aktiv-Grotesk-Thin.ttf) format('truetype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/Aktiv-Grotesk-Thin.woff) format('woff'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/Aktiv-Grotesk-Thin.woff2) format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Helvetica Light'; font-style: normal; font-weight: normal; src: local('Helvetica Neue LT Pro 45 Light'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/HelveticaNeueLTPro-Lt.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-100.eot); src: local('Roboto Thin'), local('Roboto-Thin'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-100.eot?#iefix) format('embedded-opentype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-100.woff2) format('woff2'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-100.woff) format('woff'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-100.ttf) format('truetype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-100.svg#Roboto) format('svg'); font-display: swap; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-300.eot); src: local('Roboto Light'), local('Roboto-Light'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-300.eot?#iefix) format('embedded-opentype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-300.woff2) format('woff2'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-300.woff) format('woff'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-300.ttf) format('truetype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-300.svg#Roboto) format('svg'); font-display: swap; } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-300italic.eot); src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-300italic.eot?#iefix) format('embedded-opentype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-300italic.woff2) format('woff2'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-300italic.woff) format('woff'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-300italic.ttf) format('truetype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-300italic.svg#Roboto) format('svg'); font-display: swap; } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-italic.eot); src: local('Roboto Italic'), local('Roboto-Italic'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-italic.eot?#iefix) format('embedded-opentype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-italic.woff2) format('woff2'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-italic.woff) format('woff'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-italic.ttf) format('truetype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-italic.svg#Roboto) format('svg'); font-display: swap; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-regular.eot); src: local('Roboto'), local('Roboto-Regular'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-regular.woff2) format('woff2'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-regular.woff) format('woff'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-regular.ttf) format('truetype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-regular.svg#Roboto) format('svg'); font-display: swap; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-500.eot); src: local('Roboto Medium'), local('Roboto-Medium'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-500.eot?#iefix) format('embedded-opentype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-500.woff2) format('woff2'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-500.woff) format('woff'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-500.ttf) format('truetype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-500.svg#Roboto) format('svg'); font-display: swap; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-700.eot); src: local('Roboto Bold'), local('Roboto-Bold'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-700.eot?#iefix) format('embedded-opentype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-700.woff2) format('woff2'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-700.woff) format('woff'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-700.ttf) format('truetype'), url(//www.gemeindeoberwiera.de/wp-content/themes/nika/fonts/roboto-v20-latin-700.svg#Roboto) format('svg'); font-display: swap; }html.lb-disable-scrolling { overflow: hidden; position: fixed; height: 100vh; width: 100vw; } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; max-height: none; border-radius: 3px; border: 4px solid white; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; background-color: white; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(//www.gemeindeoberwiera.de/wp-content/themes/nika/images/loading.gif) no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(//www.gemeindeoberwiera.de/wp-content/themes/nika/images/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(//www.gemeindeoberwiera.de/wp-content/themes/nika/images/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-caption a { color: #4ae; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(//www.gemeindeoberwiera.de/wp-content/themes/nika/images/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; }.box-450-70{ display:grid; grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); padding-bottom: 2%; width: 80%; margin: auto 10%; } .box-450-80{ display:grid; grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); padding-bottom: 2%; width: 80%; margin: auto 10%; } .parallax-1 { clear: both; background-image: url(https://www.gemeindeoberwiera.de/wp-content/uploads/2020/11/1_oberwieraWinter2-e1607070967944.jpg); height:500px; margin-top: 0px; color: #fff; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .parallax-2 { clear: both; background-image: url(https://www.gemeindeoberwiera.de/wp-content/uploads/2020/11/1_roehrsdorf.jpg); height: 500px; margin-top: 0; color: #fff; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .parallax-3 { clear: both; background-image: url(https://www.gemeindeoberwiera.de/wp-content/uploads/2020/11/1_Pferde.jpg); height: 600px; margin-top: 0; color: #fff; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .parallax-4 { clear: both; background-image: url(https://www.gemeindeoberwiera.de/wp-content/uploads/2020/11/1_Pferde.jpg); height: 500px; margin-top: 0; color: #fff; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }* { box-sizing:border-box; margin: 0; padding: 0; } body { background: rgb(212,218,233); background: -moz-linear-gradient(top, rgba(212,218,233,1) 0%, rgba(255,255,255,1) 87%); background: -webkit-linear-gradient(top, rgba(212,218,233,1) 0%,rgba(255,255,255,1) 87%); background: linear-gradient(to bottom, rgba(212,218,233,1) 0%,rgba(255,255,255,1) 87%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4dae9', endColorstr='#ffffff',GradientType=0 ); background-size: cover; background-attachment: fixed; background-blend-mode: soft-light; font-family:'Roboto', 'Open Sans' , 'Raleway'; font-weight: 300; font-style: normal; text-rendering: optimizeLegibility; line-height: 1.9; font-size:1.3em; color: #404552; } img { max-width:100%; height:auto; } .sticky { position: fixed; top: 0; width: 100%; } .img-home img, .home p { clear:both; padding: 0; font-size: 90%; width: 90%; margin: auto 2%; height: auto; float: left; } .home img { padding: 0; margin: 0; } @media screen and (min-width:801px){ .img-home img, .home img, .home p { clear:both; font-size:1.2em; padding: 0; max-width: 100%; width: 100%; margin: auto; height: auto; float: left; } .home .cover-aktuell img{ clear:both; font-size:1.0em; padding:0; width: 90%; padding: .1em; margin-bottom:4px; height: auto; float: left; } .home img { padding: 0; margin: 0; top: -186px; } .site-content .img-home img{ margin:0; padding: 0; left:0; right:0; width: 100%; } .site-content .img-home img{ color: #f5f9f5; float: left; position: relative; margin-top: 3em; padding: 1em; margin: 1em; } box_2w { width: 45%; } } .thema { font-family: 'Great Vibes'; font-size: 4.0em; margin-top: .21%; } @media screen and (max-width: 860px){ .thema { margin-top: 0; font-size: 2.0em; line-height: 1.4; } } @media screen and (min-width: 900px){ .thema { margin-top: -5%; } } @media screen and (min-width: 1370px){ .thema { margin-top: 0; } } .site-header { padding:0 ; margin: 0; position: relative; height:140px; background:rgba(255,225,255,0); z-index: 2026; } .logo { position: relative; float: left; width: auto; height: auto; padding: .6em; margin: auto 20%; padding-bottom: 2%; display: block; z-index: 10412; } .header-image { position: relative; float: left; width: 100%; padding: 0; margin-bottom: 0; display:block; z-index:10; } .home-image { position: relative; float: left; width: 100%; padding: 0; margin-bottom: 0; display: block; z-index: 10; } @media screen and (min-width:600px) and (max-width:799px) { .logo { position: relative; float: left; width: auto; height: auto; margin: auto; padding: .2em; margin-top: 10%; right: 16%; display: block; z-index: 10412; } .logo img { width: 100%; margin-top:-80px; } .logo { margin-left: 50%; } .home-image { } .header-image { margin-top: -160px; } } @media screen and (min-width:800px) { .logo { padding-top: 1%; margin-left: 3%; } .header-image { margin-top: -160px; } .site-header { padding:0 ; margin: 0; position: relative; height: 300px; background:rgba(255,225,255,.2); z-index: 2026; } } @media screen and (min-width:1120px) { .logo img { } } @media screen and (min-width:1300px) { .logo img { } } @media screen and (min-width:1440px) { .logo img { } } .breadcrumb { background: rgba(255, 255, 255,1); width: 100%; float: left; position: relative; top: 3.8em; margin-top: -.51em; margin-bottom: 1em; padding: .3em 2em .3em 2em; margin: 0; z-index: 2200; font-size: 70%; } @media screen and (min-width:800px) { .breadcrumb { background: rgba(255, 255, 255,1); width: 100%; float: left; position: relative; font-size: 100%; margin-top: 1em; margin-bottom: 2em; padding: 1em 2em 1em 2em; margin-top: -77px; z-index: 2200; } } @media screen and (min-width:1000px) { .breadcrumb { } } .container { max-width:90%; margin: 0 auto; color: #292c29; } @media screen and (min-width:1100px) { .container { max-width: 1000px; margin: 0 auto; color: #292c29; } } .content_top { background: rgb(212,218,233); background: -moz-linear-gradient(top, rgba(212,218,233,1) 0%, rgba(255,255,255,1) 87%); background: -webkit-linear-gradient(top, rgba(212,218,233,1) 0%,rgba(255,255,255,1) 87%); background: linear-gradient(to bottom, rgba(212,218,233,1) 0%,rgba(255,255,255,1) 87%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4dae9', endColorstr='#ffffff',GradientType=0 ); margin:0; padding: 5% 10%; height: auto; min-height: 400px; } .h1_head1, .h1_head2 { width: auto; margin: 5% 10% auto 5%; font-family: 'Roboto', 'Open Sans' , 'Raleway'; font-weight: 400; font-style: normal; text-rendering: optimizeLegibility; line-height: 1.3; font-size: 1.9em; color: #616672; position: relative; text-align: left; z-index: 100; } .h1_head2{ font-size:2.3em; margin: auto 5%; } .content_top p { float: right; position: relative; width: 60%; line-height: 1.3; padding: 1em; margin-right: -1em; font-size:1.0em; margin-top: -80px; z-index: 30; } .h2_head1, .h2_head2 { float: right; position: absolute; margin: 0; padding: 0; top: 150px; right: 150px; width: auto; height: auto; font-family: 'Roboto', 'Open Sans' , 'Raleway'; font-weight: 400; font-style: normal; text-rendering: optimizeLegibility; line-height: 1.1; font-size: 2.0em; color: #fff; text-align: left; z-index: 0; } .h2_head2{ float: right; position: absolute; top: 191px; font-size: 3.6em; right: 30px; line-height: 1.3; opacity: .6; } @media screen and (max-width:800px) { .content_top p { float: left; width: 99%; margin-top: -20px; font-size:.9em; margin-top: 10px; padding: 1em; line-height: 1.4; } .h1_head1, .h1_head2 { margin: 10px 5% auto 3%; line-height: 1.1; padding-top: -40px; font-size: 1.1em; position: relative; height: auto; z-index: 1; } .content_top { padding:0 10%; min-height: 360px; } .h2_head2 { position: absolute; top: 86px; font-size: 1.6em; right: 30px; line-height: 1.3; z-index: 0; opacity: .6; } .h2_head1, .h2_head2 { left: 10%; opacity: .5; } } div.section { position: relative; } .wpbox { position: relative; padding: 0rem; width: 100%; } .box-450{ display:grid; grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); padding-bottom: 2%; } @media screen and (max-width: 860px){ .box-450{ display:grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); padding-bottom: 2%; } } .box1 { width: 100%; grid-auto-rows: 1fr; margin: auto 0; } .box-1 { position: relative; background-color: rgba(241,180,20,0); width: 100%; height: auto; padding:0; margin: 0; float: left; z-index: 220; } .box-02::before, .box-03::before { content: ""; position: absolute; left: 0; margin-top: -75px; bottom: 135px; width: 50%; padding-bottom: 100px; background: rgba(249, 210, 3, 1); display: block!important; } .box-inner{ } .box-50-inner { width: 50%; left: 0; padding-top: 100px; padding-bottom: 100px; position: relative; margin: auto 0; padding: 3%; float: left; } .box { Column-gap: 1em; } .box-50 { width: 50%; margin: auto 25%; } .box-60 { width: 60%; margin: auto 20%; } .box-70 { width: 70%; margin: auto 15%; } .box-80 { width: 80%; margin: auto 10%; } .box-80 figcaption { font-size: .9em; display: block; text-align: center; } .box-802 figcaption p { font-size:.9em; } .box-90 { width: 90%; margin: auto 5%; } @media screen and (max-width: 860px){ .box-90 { width: 100%; margin: auto 0; padding-left: .5em; } .box-80 { width:100%; margin: auto; } .box-80 img { width: auto; margin: auto; } } @media screen and (max-width: 350px){ .box-80 { margin: 0; } } .box-full { width: 100%; margin: auto; } .box-full-top { width: 100%; } .box-full.left h3 { text-align: left; margin-left: .8em; } .box_bg { background-color: rgba(255,255,255,.8); padding: 5%; } .box_bg1 { background-color: rgba(255,255,255,1); padding:4% 5% 4% 5%; color: #242d45; } .box_bg_trans .box_bg_trans h1{ float: left; background-color: rgba(255,255,255,.8); padding: 3%; } @media screen and (max-width: 500px){ .box_bg1 { font-size: 80%; } } .tx-box50.txblue p{ color:#666; line-height: 1.4; } .tx-box50.txblue h2{ max-width: 99%; padding-top: .4em; padding-bottom: .8em; font-size: 1.4em; text-align:left; color: #edcf06; margin: 0 auto; font-weight: 300; } .box_bg2 { background-color: rgba(255,255,255,0); padding: 5%; } .box_bg3 { background: #242d45; color: #f0f2fa; } .box_bg3 img{ max-width: 90%; height: auto; margin: auto 5%; } .box_bg4 { background: #ffcc33; color: #f0f2fa; } .box_bg5 { background-color: #f0f2fa; padding: 5%; color: #242d45; } @media screen and (max-width: 400px){ .box_bg3 img { width: 80%; margin: auto 10%; } } @media screen and (min-width: 1800px){ .box_bg3 img { width: 100%; margin: auto ; } } .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-auto-rows: 1fr; } @media screen and (min-width:900px){ .grid-icon { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); grid-auto-rows: 1fr; width: 80; margin-bottom: 10%; margin-top: 5%; } .grid-icon h2 { font-size: 100%; color: #fff; } } .flex { display: flex; } flex p { clear:both; width: 90%; margin-left: 0; text-align: left; color: #292c29; } .card{ display: flex; flex-wrap: wrap; } .card article { margin: auto 5%; } .card > * { flex: 1 1 300px } .card h1, .card h2, .card p { text-align: left; line-height: 1.0; } .card p { font-size: 1.25em; } .white .card h2, .white .card p{ margin-top: 0; text-align: left; font-family: 'Aktiv Grotesk','Roboto'; color: rgba(24,28,1,1.0); font-weight: 200; line-height: 1.4; width: 100%; margin: auto 0; } .white .card h2 { font-weight: 400; margin-top: -.5em; font-size: 2.3em; } .white .card{ margin-bottom: 5%; margin-top: -.51em; } @media screen and (min-width:1950px) { .white .card h2, .white .card p{ text-align: center; width: 75%; margin: auto 12%; } .white .card{ margin-bottom: 5%; margin-top: -.51em; } } .post , .post .grid, .post .box-three{ width: 100%; float: left; margin-top: 5%; margin-bottom: 8%; } .box_350 { display: grid; column-gap: 0; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); grid-auto-rows: 1fr; } .box_450 { display: grid; column-gap: 0; grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); grid-auto-rows: 1fr; } @media screen and (max-width:450px){ .box_450 { display: grid; column-gap: 0; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-auto-rows: 1fr; } } .box_two { Column-width:3 300px; Column-gap: 1em; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); grid-auto-rows: 1fr; } .box_three { Column-width: 300px; Column-gap: 1em; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-auto-rows: 1fr; } .box_three_0 { display: grid; columns: 300px; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); grid-auto-rows: 1fr; } .box-pic_0 { border: 0px solid #333; float: left; text-align: center; padding: .1em; font-size: 83%; margin: auto; position: relative; clear: both; } box-pic_0 img { clear: both; margin-bottom: 1em; width: 100%; padding: 0; margin: auto ; } .white.box-pic_0 img { margin-bottom: 1em; width: 80%; } .center .box_three{ width: 100%; margin-left: 34%; } .max-three{ columns: 3 300px; column-gap: 1em; } .pareto .box_two { Column-width: 2 300px; Column-gap: 1em; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-auto-rows: 1fr; } .box_four { display: grid; columns: 4 4rem; min-width: 200px; column-gap: .1em; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .gap-2 { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); Column-gap: 1em; } .gap-2 img { margin-top: 1em; } .box-piccenter img{ float: left; text-align: center; vertical-align: middle; width: auto; margin: 10% 0; } .boxpic_grid { display: grid; column-gap:0; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); } .80{ background-color: rgba(255,255,255,0); padding: 5%; } .box_grid{ display: grid; column-gap:0; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .box-pic-0 { border: 0px solid #333; float: left; height: auto; text-align: center; padding-bottom: 1em; padding-top: .4em; font-size: 60%; margin: 0em; position: relative; clear: both; } .box-pic-2 { border: 0px solid #333; float: left; height: auto; text-align: center; padding: .1em 0; font-size: 60%; margin: .2em; position: relative; clear: both; } .gallery figure { margin: 0em 0em 1em 0em; padding: 0; } .box-pic { border: 1px solid #333; float: left; height: auto; text-align: center; padding:.7em; font-size: 83%; margin: 1em; position: relative; clear: both; } @media screen and (max-width:520px){ .box-pic_0 { border: 0px solid #333; text-align: center; padding: 0em; font-size: 84%; margin: 0; position: relative; clear: both; width: 100%; } } .box-pic p { clear: both; position:relative; float: left; text-align: center; width: 100%; margin: 0; font-size:1.2em; color: #333; padding: .2em; } .box-pic img { margin-top: 3%; margin: auto; } .box-pic h1, .box-pic h2 { position:relative; float: left; width: 80%; margin: auto 10%; } .box-pic h1{ font-size:3.5em; padding-top: 5%; width: 80%; margin: auto 10%; font-weight: 400; } .box-pic h2{ font-size:2.9em; width:100%; margin: auto 0; font-weight: 200; } .max-two{ columns: 2 300px; column-gap: 1em; } .max-four{ columns: 4 200px; column-gap: 1em; } .max-three p{ font-size: 100%; } .max-three h2 { font-size:3.2em; } .six { width: 90%; margin: auto 5%; columns: 6 100px; column-gap: 1em; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); grid-auto-rows: 1fr; } @media screen and (min-width:768px){ .six { width: 80%; margin: auto 10%; columns: 6 100px; column-gap: 1em; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); grid-auto-rows: 1fr; } } .size-icon { width: 70px; } .bg-yellow { color: #292c29; font-family:'Roboto'; text-align: center; font-size:1.1em; background: rgba(249, 210, 3, 1); float: left; padding: 3%; margin: 0; } .bg-yellow h1{ color: #292c29; } .bg-tr { color: #292c29; font-family:'Roboto'; text-align: center; font-size:1.1em; background: rgba(255,225,255,.2); float: left; padding: 3%; margin: 0; } .bg-db { height: auto; color: rgba(249, 210, 3, 1); font-family:'Roboto'; font-style: normal; text-align: center; font-size:1.1em; background: rgba(24,24,52,1); float: left; padding: 3%; margin: 0; } .bg-green-1 a { font-size:1.3em; color: #666; background: rgba(217, 247, 218, 1); font-weight: 300; } .bg-green-6 { background: rgba(217, 247, 218, .6); padding: 3%; } .bg-green-4 { background: rgba(217, 247, 218, .4); padding: 3%; } .bg-green-3 { background: rgba(217, 247, 218, .3); padding: 3%; } .bg-green-2 { background: rgba(217, 247, 218, .2); padding: 3%; } .bg-white { background: rgba(255, 255, 255, 1); padding: 3%; } .bg-green-h { background:rgb(234, 244, 234); padding: 3%; } .bg-green-h a { font-size:1.3em; font-weight: 300; color: #666; } .bg-333 { background: rgba(41,44,41, 1); } .box1-bg-db { background-color: #181834; width: 100%; margin: auto 0; padding: 5%; float: left; } .box1-bg-gr { background-color: #f1ecec; width: 100%; color: #181834; margin: auto 0; padding: 5%; float: left; } p .bg-gr { background-color: #f1ecec; width: 100%; color: #181834; padding-left: 1em; } .container-fakten{ float: left; width: 100%; height: auto; padding:1em; position: relative; margin-top: -1.3em; color: #fff; background-image:url(https://www.gemeindeoberwiera.de/wp-content/uploads/2020/10/Fakten.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; } .box-fakten { margin: auto 10%; } .container-fakten p { color: #fff; font-size: 85%; line-height: 1.4; text-align: center; } .container-fakten h1 { color: #fff; margin: 0 auto; text-align: center; font-size: 2.6em; padding-top: 1em; font-weight: 400; } .fakten_1{ width:100%; margin: auto; text-align: center; margin-bottom: 2em; border:none; } @media screen and (min-width:768px) { .container-fakten { max-width:100%; margin-bottom: 2em; margin: auto 0; } .container-fakten .fakten_1 { padding-top:0; margin-top:0; margin-bottom: 3em; border:none; float:left; width:33%; } .container-fakten .fak { height: auto; float: left; padding: 0; margin: auto 10%; max-width: 75%; width: 100%; margin-top:3em; margin-bottom: 2em; line-height: 2.7; clear: both; } .container-posts { clear:both; } } .section-hg { display: flex; justify-content: center; align-items: center; width: 100%; background-position: center center; position: relative; float: left; } .bg-333{ background-color: #292c29; } .section-hg img { display: flex; justify-content: center; align-items: center; width: 400px; margin: auto 10%; } .section-hg a{ text-align: center; display: inline; width: 30%; font-size:.9em; color: rgba(217, 247, 218, 1); padding: 3%; } .section-hg .card article{ float: left; color: #fff; text-align: center; width: 100%; position: relative; margin-top: 25%; z-index: 10033; } .section-hg2{ clear:both; display: block; background-image: url(https://www.gemeindeoberwiera.de/wp-content/uploads/2020/03/leistung-hg-fensters.jpg); margin-bottom:5%; margin: 0; float: left; height:auto; width: 100%; } .section-hg { color: #f5f9f5; } .section-hg .box_three h2 { clear:both; text-align: center; margin-top: 18%; margin-bottom:0; padding-bottom:0; color: #f5f9f5; font-size:2.1em; } .section-hg .card .box_three p{ margin: auto 3%; } .section-hg .box_three p{ clear:both; text-align: center; margin-top: 0; font-weight: 200; margin-bottom:0; padding-bottom:0; font-size:1.3em; color: #f5f9f5; } .section-hg.box_three p{ float: left; text-align: center; font-size:1.1em; } .list { clear: both; max-width:90%; margin: auto 5%; padding: 1em ; margin-left: 1em; text-align: left; word-wrap: break-word; font-size:.9em; } .list h1, .list-small h1, .list h2 , .list-small h2 { margin-bottom:-1em; padding-bottom: 0; margin: 0; font-weight: 300; } .icon li::before { content: url(https://gbf-ev.de/wp-content/uploads/2018/10/haken.png) " "; margin-left: -3.4em; } .icon-amtsblatt img, .icon-amtsblatt li { list-style-type:none; margin-left: -3.4em; margin-right: 1em; } .icon-amtsblatt a img, .icon-amtsblatt a { color: #404552; margin-left: 1.4em; font-size: 0.91em; width: 30px; } img.alignnone.wp-image-430.size-full { margin-right: 1.4em; } @media screen and (max-width: 860px){ .icon-amtsblatt li a { font-size: 70%; padding: 0; margin: 0 0 0 10%; } .icon-amtsblatt img{ color: #404552; margin-left: 1.4em; font-size: 0.81em; width: 15px; } a img.alignnone.icon-amtsblatt img { margin: 5%; width: 80%; } } .list ul { list-style-type:none; font-size: 1.3em; } .list li { margin-bottom: 3%; } .list ul ul { list-style-type:none; font-size: .8em; } .list ul .out{ list-style-position: outside } .list h1,.list h2{ color:#f4660a; } .list ul.out{ list-style-position: outside } .list ul.hanging { text-indent: 1em; } @media screen and (min-width:800px){ .list { width: 90%; margin: auto 10%; text-align: left; font-size: 120%; padding: 1em 1em; margin-bottom: 2em; margin-top: 2em; clear: both; } .icon li::before { content: url(https://gbf-ev.de/wp-content/uploads/2018/10/haken.png) " "; margin-left: -3.1em; } .list ul { list-style-type:none; padding: 1.5em 0; left: 0; font-size: .9em; } .list ul .out{ list-style-position: outside } .list ul.out { list-style-position: outside } ul.hanging { text-indent: 1em; } .list ul ul{ list-style-type:none; font-size: 1.0em; margin-left: 1em; } } .list-small { width:80%; float: left; position: relative; margin: auto 10%; max-width: 100%; padding:2em ; font-size: 1em; text-align: left; word-wrap: break-word; } .list-small h1 { text-align: left; } .list-small li::before { content: url(https://www.gemeindeoberwiera.de/wp-content/uploads/2020/11/download-s.png) " "; margin-left: -2.4em; list-style-type:none; } .icon li li::before { content: " ✓ "; margin-left:-4.0em; } .list-small ul li ul li::before { content: " ✓ "; margin-left: -1em; } .list-small ul { list-style-type:none; } .list ul ul { list-style-type:none; font-size: .8em; } .list-small ul .out{ list-style-position: outside } .list-small h1,.lislist-small h2{ color:#f4660a; } .list-small ul.out{ list-style-position: outside } .list-small ul.hanging { text-indent: 1em; } .section-skew-blue-over .list-small{ color: #fff; } .section-skew-blue-over .list-small h3{ text-align: left; } @media screen and (min-width:600px) { .list-small { width: 80%; margin: auto 10%; padding: 2em; } .list-small h1 { text-align: center; } .list { width: 80%; padding: 2em; } .list { margin-top:0; padding-top: .2em; } } @media screen and (min-width:700px){ .list-small { width: 80%; margin: 2% 10%; text-align: left; clear: both; } .icon li li::before { content: "✓"; margin-left: -4em; } .icon li::before { content: url(https://gbf-ev.de/wp-content/uploads/2018/10/haken.png) " "; margin-left: -3.1em; } .list-small ul { list-style-type:none; padding: 1.5em 0; left: 0; font-size: 1em; } .list-small ul ul{ list-style-type:none; padding: 1em; left: 0; font-size:.8em; } .list-small ul .out{ list-style-position: outside } .list-small ul.out { list-style-position: outside } ul.hanging { text-indent: 1em; } } @media screen and (min-width:1100px){ .list-small { width: 60%; margin: auto 20% ; } } .list-small-orange { width: 90%; float: left; position: relative; margin: auto 10%; max-width: 100%; padding:0 2em ; font-size: .9em; color: #fff; text-align: left; word-wrap: break-word; } .list-small-orange li::before { content: url(https://gbf-ev.de/wp-content/uploads/2018/10/haken.png) " "; margin-left: -4.4em; } .icon li li::before { content: " ✓ "; margin-left:-4.0em; } .list-small-orange ul li ul li::before { content: " ✓ "; margin-left: -1em; } .list-small-orange ul { list-style-type:none; } .list-small-orange ul .out { list-style-position: outside } .list-small-orange h1,.lislist-smallt h2 { color:#f4660a; } .list-small-orange h2{ font-size: 1em; } .list-small-orange ul.out { list-style-position: outside } .list-small-orange ul.hanging { text-indent: 1em; } @media screen and (min-width:600px) { .list-small-orange { width: 100%; padding: 0 2em; } } @media screen and (min-width:700px){ .list-small-orange { width: 80%; margin: auto 20%; text-align: left; font-size: 1.6em; padding: 0em 1em; margin-bottom: 2em; margin-top: 0em; clear: both; } .icon li li::before { content: "✓"; margin-left: -3.1em; } .icon li::before { content: url(https://gbf-ev.de/wp-content/uploads/2018/10/haken.png) " "; margin-left: -3.1em; } .list-small-orange ul { list-style-type:none; padding: 1.5em 0; left: 0; font-size: 1em; } .list-small-orange ul ul { list-style-type:none; padding: 1em; left: 0; font-size:.8em; } .list-small-orange ul .out { list-style-position: outside } .list-small-orange ul.out { list-style-position: outside } ul.hanging { text-indent: 1em; } } @media screen and (min-width:1400px){ .list-small-orange { width: 50%; margin: auto 40%; } } .tx-news { position: absolute; float: left; width: auto; height: auto; padding: 0; margin:2%; z-index: 2200; } .tx-news h1{ font-size: 32px; font-family: "Roboto"; color: rgb(242, 246, 247); line-height: 1.094; text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.63); position: absolute; margin-top: 5%; z-index: 200; } .box_bg_trans a h1 { font-size: 32px; font-family: "Roboto"; color: rgb(242, 246, 247); line-height: 1.094; text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.63); position: absolute; margin-top: 5%; z-index: 200; background-color: rgba(255,255,255,.8); } .tx-box50 { position: relative; text-align: justify; float: left; width: 100%; height: auto; padding: 2%; margin:0 auto; z-index: 2200; } .tx-box50 h1{ font-size: 1.8em; font-family: "Roboto"; color: rgb(242, 246, 247); line-height: 1.094; text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.63); text-align: left; z-index: 200; } .tx-box50 p{ font-size: 1.0em; font-family: "Roboto"; color: rgb(242, 246, 247); line-height: 1.1; text-align: left; z-index: 200; } .tx-box50-inhalt { hyphens: auto; } .tx-box50-inhalt h2 { font-size: 5.0em; color: #fff; text-align: left; margin-top:10%; margin-left: 2%; padding: 0; } .tx-box50-inhalt h3 { font-size: 4.8em; color: #fff; margin: 0; text-align: right; padding-top: 0em; } @media screen and (max-width: 500px){ .tx-box50-inhalt h2{ font-size: 3.2em; } .tx-box50-inhalt h3{ font-size:3.0em; } .tx-box50 h1{ font-size: 1.6em; line-height: 1.0194; } } .tx-home { position: absolute; font-family: 'Raleway'; font-style: normal; font-size: 110%; margin-top: -20%; width: 100%; height: auto; padding: 2% 2%; background-color: rgba(241,180,20,0); color: #fff; z-index: 22000; } .tx-home h1 { color: #fff; line-height: 1.1; padding-top: .5em; margin-top: -0.2em; font-size: 80%; } @media screen and (max-width: 599px){ .tx-home { display:none; } } @media screen and (min-width: 600px){ .tx-home { font-size: 1.3em; color:rgba(255,255,255,1); margin-top: 18%; } .tx-home h1{ font-size: 1.3em; } .tx-home h2{ font-size: 1.2em; } } .tx-home h2 { font-family: 'Great Vibes'; font-size: 1.1em; text-align: right; margin-right:35%; color: #fff; } @media screen and (min-width: 768px){ .tx-home h2 { line-height: 1.7; padding-bottom: 0; padding-top: 0em; } } @media screen and (min-width: 800px){ .tx-home { margin-top: 10%; } } @media screen and (min-width: 1100px){ .tx-home { font-size: 1.7em; margin-top: 15%; } .tx-home h1{ font-size: 1.8em; } .tx-home h2{ font-size: 1.4em; } } @media screen and (min-width: 1200px) { .tx-home { margin-top: 18%; } .tx-home h1{ font-size: 2.28em; } .tx-home h2{ font-size: 1.8em; } } .tx { font-family: 'Raleway'; font-style: normal; font-size: 1.2em; position: relative; margin-top: 15%; text-align: center; height: auto; padding: 20px 10px; } .tx { background-color: rgba(241,180,20,0); color: #fff; font-size: 2.1em; margin-top: 5%; font-weight: 600; } .parallax.tx p { color: #fff; width: 80%; } .tx-col { font-family: 'Great Vibes'; color: #fff; font-size: 2.2em; text-align: center; } .btn-kont { float: left; height: auto; width: 100%; background-color: #ffcc33; border-color: #0b3140; padding: 1%; margin: 5% auto; text-align: center; position:relative; } .btn-kont a{ padding: 1%; font-size: 90%; color: #fff; text-align: center; } @media screen and (min-width:801px) { .btn-kont { float: left; height: auto; width: 70%; text-align: center; margin: 10% 15% 3% 15%; padding: 1.3em; background-color: #ffcc33; border-color: #0b3140; } .btn-kont a{ padding: 1%; text-align: center; } } .zukunft .btn-orange a { color: #0b3140; margin-top: 1em; } .btn-orange a { color: #fff; margin-top: 1em; } .btn-orange { background: rgba(244,102,10,1); } .btn-orange-left a { color: #fff; margin-top: 1em; } .btn-orange-left { background: rgba(244,102,10,1); margin-left: 5%; } .btn , .btn-orange { border: 0; border-radius: 0; padding: 0 25px; margin-top: 1em; text-align: center; line-height: 40px;width: auto; text-transform: uppercase; position: relative; overflow: hidden; color: #fff; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .btn span , .btn-blue span, .btn-orange span{ margin-bottom: 0 !important; position: relative; z-index: 10; display: inline-block; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .btn.btn-bold, .btn-blue.btn-bold , .btn-orange.btn-bold { font-weight: bold; letter-spacing: 1px; } .btn, .btn-orange { display: inline-block; padding: .4em .3em; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn-orange a:hover { color:rgb(3,33,132); } .btn-blue a:hover { color:#fff; } .tp-caption.btn, .btn , .tp-caption.btn-orange, .btn-orange , .tp-caption.btn-blue, .btn-blue { width: auto; color: #edcf07; font-size: 1em; line-height: 17px; font-weight: 500; font-style: normal; padding: 12px 35px 12px 35px; text-decoration: none; border-color: rgba(0,0,255,1.0); border-style: solid; border-width: 0px; border-radius: 0px 0px 0px 0px; text-align: left; } .btn a { color: #fff; } .btn p,.btn a, label, span { font-size: .89em; } .parallax , .parallax h1{ font-size: 2.4em; color: #fff; font-weight: 400; } .parallax-4{ clear: both; background-image: url(); height:600px; margin-top: 0px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .parallax-5{ clear: both; background-image: url(); height: 600px; margin-top: 0px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .parallax-6{ clear: both; background-image: url(); height: 600px; margin-top: 0px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .parallax-7{ clear: both; background-image: url(); height: 600px; margin-top: 0px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .parallax-8{ clear: both; background-image: url(); height: 600px; margin-top: 0px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .parallax-9{ clear: both; background-image: url(); height: 600px; margin-top: 0px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .parallax-10{ clear: both; background-image: url(); height: 600px; margin-top: 0px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .parallax-11{ clear: both; background-image: url(); height: 600px; margin-top: 0px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .parallax-12{ clear: both; background-image: url(); height: 500px; margin-top: 0px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .parallax-2 h2, .parallax-3 h2, .parallax-4 h2, .parallax-5 h2, .parallax-6 h2, .parallax-7 h2, .parallax-8 h2, .parallax-9 h2, .parallax-10 h2, .parallax-11 h2, .parallax-12 h2, .parallax-13 h2, .parallax-14 h2, .parallax-15 h2, .parallax-16 h2, .parallax-17 h2, .parallax-18 h2, .parallax-20 h2, .parallax-21 h2, .parallax-22 h2, .parallax-23 h2, .parallax-24 h2, .parallax-25 h2, .parallax-26 h2, .parallax-27 h2, .parallax-28 h2, .parallax-29 h2, .parallax-30 h2, .parallax-31 h2, .parallax-32 h2{ color: #fff; padding-top: 10%; font-weight: 500; width: 85%; margin: auto; } @media screen and (max-width:800px){ .parallax-1, .parallax-2, .parallax-3, .parallax-4, .parallax-5, .parallax-6, .parallax-7, .parallax-8, .parallax-9, .parallax-10, .parallax-11, .parallax-12, .parallax-13, .parallax-14, .parallax-15, .parallax-16, .parallax-17, .parallax-18, .parallax-19, .parallax-20, .parallax-21, .parallax-22, .parallax-23, .parallax-24, .parallax-25, .parallax-26, .parallax-27, .parallax-28, .parallax-29, .parallax-30, .parallax-31, .parallax-32{ height: 300px; } .parallax-2 h2, .parallax-3 h2, .parallax-4 h2, .parallax-5 h2, .parallax-6 h2, .parallax-7 h2, .parallax-8 h2, .parallax-9 h2, .parallax-10 h2, .parallax-11 h2, .parallax-12 h2, .parallax-13 h2, .parallax-14 h2, .parallax-15 h2, .parallax-16 h2, .parallax-17 h2, .parallax-18 h2, .parallax-20 h2, .parallax-21 h2, .parallax-22 h2, .parallax-23 h2, .parallax-24 h2, .parallax-25 h2, .parallax-26 h2, .parallax-27 h2, .parallax-28 h2, .parallax-29 h2, .parallax-30 h2, .parallax-31 h2, .parallax-32 h2, .parallax-33 h2{ font-size:1.3em; } } .aktuell-box, .amtsblatt-box{ float: left; width: 100%; margin:0 0 0 0; padding: 100px 5% 5% 170px; background: #ffcc33; } .aktuell-box a span { color: #ffcc33; } @media screen and (max-width:800px){ .aktuell-box, .amtsblatt-box{ float: left; width: 100%; margin: 0 10px0 0; padding: 100px 0 5% 0; background: #ffcc33; } } .aktuell-box.box_bg1 p, #.aktuell-box.box_bg1 img, .aktuell-box.box_bg1 { background-color: #fff!Important; padding: 5%; color: #242d45; } .aktuell-box.archiv, .archiv{ margin-top: -100px!Important; } .y-bg { float: left; width: 100%; margin:0 auto; padding:0 1%; background: #ffcc33; z-index: 3700; } .n1{ padding-top: 0; } .nachrichten-box{ float: left; width: 100%; padding: 0% 0; border-right-color: aliceblue; color:#040a1b; } .nachricht-box{ float: left; width: 100%; margin:auto; padding: -5% 0; margin-top: -250px; border-right-color: aliceblue; color:#040a1b; } @media screen and (max-width:799px){ .nachricht-box{ margin-top: 0; } .nachricht-box.nachricht h2 { font-size: 80%; } } .single-nachrichten.nachricht .nachrichten-box { padding-top: 5%; } .nachrichten{ float: left; width: 44%; margin:10% 3% 5% 3%; padding: 2% 5% 5% 5%; height: auto; min-height: 200px; background: #ffcc33; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; } @media screen and (max-width: 800px){ .nachrichten{ float: left; width: 80%; margin: 5% 10%; } } @media screen and (max-width: 450px){ .nachrichten{ float: left; width: 100%; margin: 5% auto; padding: auto 5%; } } .nachrichten-box a { color: #666; margin: auto; } .nachrichten h2 { font-size:.9em; padding-bottom: .5em; padding-top: 1.1521em; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; } .nachrichten-box .nachricht { width: 90%; padding: auto 5%; float: left; margin: auto 5%; clear: both; background: #fff; font-size: 90%; } @media screen and (min-width: 800px){ .nachrichten-box .nachricht { width: 80%; padding: auto 10%; float: left; margin: auto 10% 2% 10%; clear: both; font-size: 100%; background: #fff; } } .type-nachrichten.nachrichten a { color: #333; } .nachrichten a { color: #666; } .nachricht h2 { line-height: 1.3; margin: 1% auto 2% auto; font-size: 1.1em; padding-bottom: 0; padding-top: 1em; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; } @media screen and (min-width: 690px){ .nachricht h2 { line-height: 1.3; margin: 0 auto; font-size: 1.3em; padding-bottom: 0; padding: 2em; } } @media screen and (min-width: 1100px){ .nachricht h1 { margin: 0 auto; font-size: 2.0em; padding-top: 1em; } } @media screen and (max-width:800px){ .aktuell-box, .amtsblatt-box{ float: left; width: 100%; margin: 0 10px0 0; padding: 100px 0 5% 0; background: #ffcc33 ; } } .aktuell-box.box_bg1 p, #.aktuell-box.box_bg1 img, .aktuell-box.box_bg1 { background-color: #fff!Important; padding: 5%; color: #242d45; } .news-box{ float: left; width: 100%; margin:0 0 0 0; padding: auto ; } .news { width: 90%; margin: auto 5%; padding: 0; float:left; position: relative; line-height: 1.6; } .news_bg { background-color:#ffcc33; width: 110%; margin:1% -5% ; padding: 0; float:left; position: relative; line-height: 1.6; } .news a { } .news h3 { font-family: 'Roboto'; font-size: 3.5em; text-align: center; margin-top: 20%; font-weight: 500; } @media screen and (max-width:500px){ .news h3 { font-size: 2.5em; text-align: center; margin-top: 20%; font-weight: 500; } } .news h4 { font-family: 'Roboto'; font-size: 1.1em; margin: auto 5%; text-align: left; line-height: 1.6; margin-top: 15%; font-weight: 400; color: #fff; } .news img { width: 100%; margin: 0; padding: 0; top: 0; vertical-align: middle; clear: both; } .box-new1 { background: #ffcc33; width: 100%; height: 100%; } .box-new1 h3 { font-family: 'Roboto'; font-size: 2.6em; text-align: left; margin-top: 10%; font-weight: 400; margin-left: 8%; } .box-new2 { background-image: url(https://www.gemeindeoberwiera.de/wp-content/uploads/2020/11/news-1.jpg); background-size: cover; } .box-new3{ background-image: url(https://www.gemeindeoberwiera.de/wp-content/uploads/2020/11/news-2.jpg); background-size: cover; } .box-new3 h3 { font-family: 'Roboto'; font-size: 2.6em; text-align: left; margin-top: 20%; font-weight: 400; margin-left: .3em; } .box-new4 { background-image: url(https://www.gemeindeoberwiera.de/wp-content/uploads/2021/03/Herbst-aktuell.jpg); background-size: cover; padding: 0; margin: 0; } .box-new4 img { background-size: cover; background-attachment: fixed; } .box-new5 { background:#061324; width: 100%; height: 100%; } .box-new5 h3 { font-family: 'Roboto'; font-size: 2.3em; text-align: left; margin-top: 10%; margin-left: 5%; line-height: 1.3; font-weight: 500; color: #fff; } .box-new6 { background: #ffcc33; width: 100%; height: 100%; padding-bottom: 5%; } .box-new6 h3 { margin-bottom: 5%; margin-top: 8%; margin-left: 0; font-weight: 500; } .login{ float: left; width: 100%; position: relative; margin:auto; padding: auto ; background: #ffcc33; } .box-login { width: 80%; display: grid; background: #ffcc33; margin: auto 10%; padding: 1em; float:left; position: relative; line-height: .9; font-size: 90%; } .box-login1 { background: #fff; width: auto; min-height: 3oopx; min-width: 30%; margin: 1em; height: 100%; float: left; } .box-login1 h3 { font-size: 1.5em; text-align: center; margin-bottom: 10%; margin-top: 5%; font-weight: 500; } .box-login2 { background-image: url(https://www.gemeindeoberwiera.de/wp-content/uploads/2020/11/news-1.jpg); width: 100%; height: 100%; } .btn-blue { background:#0b3140; padding: 0 25px; text-align: center; line-height: 40px; width: auto; margin-top: 10%; margin-left: 10%; font-weight: 300; font-size: .8em; text-transform: uppercase; position: relative; overflow: hidden; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; display: inline-block; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; } .btn-yellow { background:#ffcc33; padding: 0 25px; text-align: center; line-height: 40px; width: auto; margin-top: 10%; font-size: .8em; margin-left: 10%; text-transform: uppercase; position: relative; overflow: hidden; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; display: inline-block; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; } .btn-yellow a { color: #404552; } .btn-yellow a:hover, .btn-blue a:hover { color: #fff; } @media screen and (max-width:800px){ .datum-aktuell{ display: none; } .amtsblatt-box { float: left; margin-left: -40px; margin-top: -450px; width: 180px; position: relative; height: 180px; background: #193252; color: #ffcc33; text-align: center; z-index: 4444; } } @media screen and (max-width:449px){ .amtsblatt-box{ float: left; margin-left: 0px; margin-top: -250px; width: 180px; height: 180px; background: #193252; color: #ffcc33; text-align:center; z-index: 3700; } .datum-aktuell{ display: none; } } @media screen and (min-width:450px){ .datum-aktuell{ display: none; } .amtsblatt-box{ float: left; margin-left: 0px; margin-top: -500px; width: 180px; height: 180px; background: #193252; color: #ffcc33; text-align:center; z-index: 4440; } } .amtsblatt-box{ float: left; margin-left: -80px; margin-top: -250px; width: 180px; height: 180px; position: relative; background: #193252; color: #ffcc33; text-align: center; z-index: 4440; } .nachricht h1 { margin-top: 0; float: left; } @media screen and (min-width:850px){ .datum-aktuell{ display: block; float: left; margin-left: -80px; margin-top: -10%; width: 160px; height: 160px; position: absolute; background: #193252; color: #ffcc33; text-align: center; z-index: 4440; } .nachricht h1 { margin-top: 0!Important; float: left; float: left; width: 70%; margin: auto 15%; } } @media screen and (min-width:1000px){ .datum-aktuell{ display: block; float: left; margin-left: -80px; width: 180px; height: 180px; background: #193252; color: #ffcc33; text-align: center; z-index: 4440; } .nachricht h1 { margin-top: 0!Important; } } @media screen and (min-width:1800px){ .datum-aktuell{ display: block; float: left; margin-left: -80px; width: 180px; height: 180px; background: #193252; color: #ffcc33; text-align: center; z-index: 4440; } } .firmen { width: auto; margin: 2% 4% 2% 2%; padding: 0; } .firmen-bg { float: left; width: 100%; margin: auto; padding: 10% 1% 10% 10%; background: #ffcc33; z-index: 3700; } .firmen-bg p{ font-size: 80%; text-align: left; color: #242d45; font-family: 'Roboto'; font-weight: 300; padding-left: 5%; padding-top: 0; padding-bottom: 0; margin: 0 0 3% 0; line-height: 1.4; } .firmen-bg h2 { color: #edcf06; font-size: 1.3em; text-align: left; padding-left: 5%; margin: 0; font-family: 'Roboto'; font-weight: 400; } .firmen-bg h3 { width: 100%; text-align: left; font-size:110%; padding: 0 2% 0 5%; } .firmen-ow { background-color: rgba(255,255,255,1); width: 80%; margin:auto 10%; color: #242d45; } .firmen-box { padding: 0; margin-top: 5%; margin-left: 5%; width: 90%; height: 150px; background: #fff; } .firmen-blue { float: left; margin-right: 10px; margin-top:0; width: 150px; height: 150px; background: #193252; color: #ffcc33; z-index: 3701; } .fa-nummer { font-size: 1.9em; font-family: "Helvetica Neue"; font-weight: 500; margin: auto 3%; padding-top: 1%; line-height: 1.3; background: #fff; } .fa-nummer a, .fa-nummer p { clear: both; margin: auto; } .fa-nummer a:active{ color: red!important; } .fa-nummer > li.active > a { color: red!important; } .fa-nummer p, .fa-nummer a{ font-family: "Helvetica Neue"; font-weight: 600; 2line-height: 1; text-align: left; margin-left: 0; } .fa-nummer a:focus { color: #193252; } @media screen and (max-width: 860px){ .firmen { width: 100%; margin: 2% 4% 2% 2%; padding:1%; } .firmen-ow { width: 100%; margin:auto; } .firmen-bg { float: left; width: 100%; margin: auto 0; padding: 10% 1% ; background: #ffcc33; z-index: 3700; } .firmen-blue { float: left; margin-right: 10px; margin-top: 0; width: 40px; height: 105px; background: #193252; z-index: 3701; } .firmen-box { padding: 0; margin: auto; width: 100%; height: auto; background: #fff; } .fa-nummer { width: 100%; font-size: 1.1em; font-family: "Helvetica Neue"; font-weight: 400; margin: 0; padding-top: 1%; padding-left: 2%; line-height: 1.3; height: 105px; background: #fff; } } .box-fa-inhalt { width: 100%; padding: 0 5% 4% 5%; margin: 0; background-color: rgba(255,255,255,1); color: #242d45; float: left; } .tag { font-family: "Helvetica Neue"; font-weight: 600; font-size: 4em; line-height: 1.2; } .monat{ font-size: .7em; line-height: 1; } .verwaltung-box { float: left; width: 100%; margin: auto; padding: 10% 1% 10% 10%; background: #ffcc33; } .verwaltung { width: auto; margin: 2% 4% 2% 2%; padding: 0; } .verwaltung-l { width: 100%; margin: 2% auto; padding: 0; } .verwaltung a { color: #666666; font-family: "Helvetica Neue"; font-weight: 300; font-size: 1em; line-height: 1.4; } .box_bg1-0 { background-color: rgba(255,255,255,1); margin: 5%; color: #242d45; } .bg-yellow { background: #ffcc33; } .verwaltung-nr{ float: left; margin-left: 0; margin-top: 0; padding-top: 1%; width: 56px; height: 56px; background: #193252; color: #ffcc33; text-align:center; z-index: 1700; } .verwaltung-nr-re{ float: left; margin-top: 1%; margin-left: 2%; margin-right: 2%; width: 40px; height: 40px; background: #193252; color: #ffcc33; text-align:center; z-index: 1700; } .verwaltung-nr-aktuell{ float: left; margin-top: 2%; margin-left: 2%; margin-right:2%; width: 40px; height: 40px; background: #fff; color: #193252; text-align:center; z-index: 1700; } .verwaltung p { font-family: "Helvetica Neue"; font-weight: 300; font-size: 1em; line-height: 1.4; padding-left: 55px; } .verwaltung h2 { line-height: 1.3; font-size: 1.0em; padding-left: 55px; padding-top: 55px; text-align: left; font-weight: 400; } .tx p{ font-size: 1.2em; text-align: center; width: 80%; margin: auto 10%; font-weight: 200; font-style: normal; color: #666; line-height: 1.5; letter-spacing: 0.3px; hyphens: none; left: 0; right: 0; height: auto; padding: 10% 10px; } .tx h1{ font-size: 3.2em; text-align: center; margin: 0.67em 0; font-weight: 300; font-style: normal; color: #fff; line-height: 72px; letter-spacing: 0.3px; hyphens: auto; left: 0; right: 0; height: auto; padding: 15% 10px; } .tx h2{ font-size: 3.2em; text-align: center; margin: 0.67em 0; font-weight: 300; font-style: normal; color: #fff; line-height: 72px; letter-spacing: 0.3px; hyphens: auto; left: 0; right: 0; height: auto; padding: 15% 10px; } @media screen and (min-width:900px){ .verwaltung-nr-re{ float: left; margin-top: 1%; margin-left: 2%; margin-right: 2%; width: 40px; height: 40px; background: #193252; color: #ffcc33; text-align:center; z-index: 1700; } .tx p{ font-size: 2.6em; text-align: center; width: 70%; margin: auto 15%; font-weight: 200; font-style: normal; color: #666; line-height: 1.5; letter-spacing: 0.3px; hyphens: none; left: 0; right: 0; height: auto; padding: 10% 10px; } } img.displayed { display: block; margin-left: auto; margin-right: auto; } .pic-50 { display: block; margin:auto; } .one-pic { width: 50%; margin: auto 40%; display: block; float: left; } .one-pic-2 { float: right; position: relative; margin: auto 0; display: block; margin-top: -4em; z-index: 100; } .one-pic-4 { float:right; position: relative; margin: auto 0; display: block; margin-top: -2em; margin-bottom:-.6em; z-index: 100; } .one-pic-5 { float:right; position: relative; margin: auto 0; display: block; margin-top: -7em; margin-bottom:-.58em; z-index: -1; } .wp-caption .one-pic-3a img { width: auto ; } .one-pic-3a { margin: auto 0; width: auto ; max-width:100%; height: auto; display: block; left:0; right:0; margin-bottom: 2em; } .one-pic-3 { float: left; margin: auto 0%; width: 100% ; max-width:100%; height: auto; display: block; left:0; right:0; margin-bottom: -1.6em; } .one-pic-3 img { } .one-pic-right { width: auto; display: block; float: right; position: relative; right: 5%; top: -75px; } .one-pic .wp-image-1534 article img{ margin-top: -1em; margin-bottom:-2em; padding-bottom: 0; padding-top: 0; } .one-pic .wp-image-1534 p { margin:0; padding:0; } .red{ float: left; width: 100%; background-color:red; padding-top:1em; padding-bottom:1em; margin-top: 0; margin-bottom: 0; } @media screen and (max-width:800px){ .red { background-color:red; padding-top:3em; padding-bottom:5em; margin-bottom: -4em; } .one-pic-right { top: 0px; right: 40%; } } .two-pics img { max-width: 100%; margin: 0 35%; padding: 0; } .three-pics2 img { max-width: 70%; margin: auto 20%; padding: 2em; } img.three-pics.alignleft { padding-left: 3em; padding-top: 3em; float: left; max-width:10%; } img.three-pics { width: 33%; height: auto; margin: 5px 0 10px 0!important; } .three-pics img { max-width: 60%; float: left; padding: 2em; margin: 2em; text-align: center; } .ambulance { margin: auto 10%; float:left; position:relative; } body.page-id-xx { background-image: url(https://gbf-ev.de/wp-content/uploads/2018/10/HG.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; } @media screen and (max-width:1300px){ body.page-id-xx { background-image: url(https://gbf-ev.de/wp-content/uploads/2018/10/HG.jpg); background-repeat: no-repeat; background-attachment: fixed; width: 100%; float: left; left: 0; right:0; z-index:10; } } .color-section-over-skew { -webkit-clip-path: polygon(0 10,100% 0,100% calc(100% - 10vw),0 100%); clip-path: polygon(0 0,100% 0,100% calc(100% - 10vw),0 100%); margin-bottom: -10vw; background: blue; padding: 3em; float: left; height:400px; width: 100%; clear:both; } .hg-orange { background: rgb(244,102,10); background: -moz-linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); background: -webkit-linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); background: linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4660a",endColorstr="#f4660a",GradientType=1); padding: 3em; float: left; height:auto; margin: 0; color: #fff; clear:both; } .hg-orange-right { -webkit-clip-path: polygon(0 10vw,100% 0,100% calc(100% - 10vw),0 100%); clip-path: polygon(0 10vw,100% 0,100% calc(100% - 10vw),0 100%); margin-bottom: -15vw; background: rgb(244,102,10); background: -moz-linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); background: -webkit-linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); background: linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4660a",endColorstr="#f4660a",GradientType=1); padding: 3em; float: left; height:auto; clear:both; } .section-skew-orange { -webkit-clip-path: polygon(0 10vw,100% 0,100% calc(100% - 10vw),0 100%); clip-path: polygon(0 10vw,100% 0,100% calc(100% - 10vw),0 100%); margin-bottom: 15vw; background: rgb(244,102,10); background: -moz-linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); background: -webkit-linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); background: linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4660a",endColorstr="#f4660a",GradientType=1); padding: 3em; float: left; height:auto; width: 100%; clear:both; } .section-skew-orange-over { -webkit-clip-path: polygon(0 0,100% 0,100% calc(100% - 10vw),0 100%); clip-path: polygon(0 0,100% 0,100% calc(100% - 10vw),0 100%); margin-bottom: 10vw; background: rgb(244,102,10); background: -moz-linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); background: -webkit-linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); background: linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4660a",endColorstr="#f4660a",GradientType=1); width: 100%; padding: 3em; margin: 0; float: left; height:auto; text-align:center; min-height: 500px; clear:both; } .hg-orange h3 { color: #fff; padding-top: 1em; padding-bottom: 1em; } .page .section-skew-orange-over h1{ color: #fff; padding-top: 1em; padding-bottom:2em; font-size: 1.4em; } .page .section-skew-orange-over h2{ color: #fff; padding-top: 2em; padding-bottom: 2em; font-size: 1.3em; } .page .section-skew-orange-over h3{ color: #fff; padding-top: 2em; padding-bottom: 2em; } .page .section-skew-orange-over p { padding-top: 0; padding-bottom: 3em; } @media screen and (min-width:800px) { .page .section-skew-orange-over h1{ font-size: 2.3em; } .page .section-skew-orange-over h2{ font-size: 2em; } .page .section-skew-orange-over h3{ font-size: 1.2em; } } .section-skew-blue-over { -webkit-clip-path: polygon(0 0,100% 0,100% calc(100% - 10vw),0 100%); clip-path: polygon(0 0,100% 0,100% calc(100% - 10vw),0 100%); margin-bottom: 10vw; background: rgb(3,33,132); background: -moz-linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%); background: -webkit-linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%); background: linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#032184",endColorstr="#032184",GradientType=1); padding: 4em 3em; margin: 0; float: left; height:auto; width: 100%; min-height: 500px; color: #fff; clear:both; } .page .section-skew-blue-over article { width: 80%; } .page .section-skew-blue-over h1{ padding-bottom: .5em; padding-top: .5em; font-weight: 300; } .page .section-skew-blue-over h2{ padding-top:.5em; padding-bottom: .5em; font-size: 3.1em;font-weight: 400; } .page .section-skew-blue-over h3{ padding-top:.5em; text-align: left; color: #fff; font-size: 2.0em; font-weight: 300; } .page .section-skew-blue-over p { color: #fff; padding-top: 0; padding-bottom: 1em; } .page.section-skew-blue-over.li { color: #fff; } #color-section-skew { -webkit-clip-path: polygon(0 10vw,100% 0,100% calc(100% - 10vw),0 100%); clip-path: polygon(0 10vw,100% 0,100% calc(100% - 10vw),0 100%); margin-bottom: -10vw; background: rgb(244,102,10); background: -moz-linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); background: -webkit-linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); background: linear-gradient(90deg, rgba(244,102,10,1) 8%, rgba(249,178,86,1) 50%, rgba(244,102,10,1) 92%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4660a",endColorstr="#f4660a",GradientType=1); padding: 3em; margin: 0; float: left; height:auto; width: 100%; clear:both; } .hg_shape_orange_right { width: 100%; height: 300px; overflow: hidden; position: relative; } .hg_shape_orange_righ:after { content: ""; position: absolute; width: 100%; height: 100%; background: red; background: linear-gradient(110deg, red, violet, blue); transform-origin: 0 100%; transform: rotate(-20deg) scale(1.2,1.2); bottom: 0; left: 0; } .alignnone { margin: 0; padding: 0; } .aligncenter, div.aligncenter { display: block; margin: 0 ; } .alignright { float:right; margin: 0 ; } .alignleft { float: left; margin: 0.5em 1em 0.5em 0; } a img.alignright { float: right; margin: 0; } a img.alignnone { margin: 0; } a img.alignleft { float: left; margin: 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background:rgba(156,207,157,.3); border: 0px solid #d6d6d6; max-width: 100; padding: .5em .4em 0.625em; margin: .8em; } .wp-caption.alignnone { margin: .5em 1.15em 1.15em 0; } .wp-caption.alignleft { margin: .5em 1.15em 1.15em 0; } .wp-caption.alignright { margin: .5em 0 0 1.15em; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 10px; width: auto; } .wp-caption .wp-caption-text { float: left; line-height: 1.0em; width: 100%; text-align: center; padding: .2em 0 1em 0; margin-bottom: 1em; margin-top: .5em; } .site-content.pic-font .white p { font-size: .6em; float: left; } .pic-font { font-size: .6em; float: left; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } #toggle-nav { background: #242d45; display: block; position: absolute; left: .3em; float: left; top: 1em; color: #fff; width: 60px; height: 50px; line-height: 50px; text-align: center; cursor: pointer; z-index: 3333; } #toggle-nav span { font-size:1.6em; color: #fff; } .js.site-nav, nav .site-nav{ display: none; } @media screen and (max-width:799px) { .js .site-nav{ display: none; } .site-nav{ display: none; } #toggle-nav { display:block; } .site-nav li ul { position: static; } } .site-nav { box-sizing: border-box; float: right; width: 100%; background:rgba(255,255,255, .6) ; color: #0b3140; font-size: 1em; margin-top: 0px; z-index: 2700; position:relative; } .site-nav ul { margin: .01em 3.0em .5em .5em; padding: .5em; } .site-nav ul { display: flex; flex-direction: column; float: right; } .site-nav a { display: block; color: #0b3140; } .site-nav ul li { position: relative; float:left; list-style: none; } .site-nav ul li a { margin-left: .5em; padding: 20px; display:block; } .site-nav ul li a:hover { color: #0b3140!important; margin-top: 0; } .site-nav ul li:hover { background:#ffcc33; } .site-nav ul li a.current, .site-nav .menu li a.current, .site-nav a:active, .site-nav >li.active > a, ul#menu-hauptnavigation.active >a{ color: #f1b414!important; } #cm_navigation>ul>li:hover>a, #cm_navigation>ul>li.cm_current>a, #cm_navigation>ul>li>ul>li:hover>a, #menu-hauptnavigation>ul>li>ul>li.wp_current>a, #menu-hauptnavigation>ul>li.wp_current>a { border-color: #5E5C5C; color: #fff; } .page-template-default.pagea.a.current { color: #f1b414!important; } .site-nav ul ul li a.current { color:red; margin-top: 1em; } .site-nav ul ul { position: absolute; top: -9999px; margin-top: 0em; left: -9999px; margin-left:0; background: #ffcc33; box-shadow: 0px 8px 10px rgba(0, 0, 0, .03); } .site-nav ul ul li#menu-item-601, .site-nav ul ul li#menu-item-584, .site-nav ul ul li#menu-item-598, .site-nav ul ul li#menu-item-599, .site-nav ul ul li#menu-item-600{ width: 300px; margin-left: 1em; } .site-nav ul a:hover { background: #ffcc33 !important; } .site-nav ul li a:hover { background: #ffcc33 !important; } .site-nav #menu-hauptnavigation.menu > li.active > a { background: #ffcc33 !important; } ul#menu-hauptnavigation > li.active > a { color: #fff; background: #ffcc33 !important; } .link1 ul ul { margin-left: 1em; background-color:aqua; } .page-id-9.site-nav ul ul { background:#ffcc33; } .site-nav ul ul li { float: none; width: 200px; color: #333; border-bottom: .051em solid rgba(255,255,255, .2); font-size:1em; margin-top: 0; } .site-nav ul ul li a { padding: 5px 0; color: #fff; } .site-nav ul li:hover > ul { top:38px; left: 0; color: red; } .site-nav ul ul li:hover > ul { top: 0; left: 200px; } @media screen and (max-width:799px){ .site-nav, nav { display:none; } .site-nav a:hover { font-size: 1em!important; color: #fff!important; } .site-nav a{ font-size: 1em!important; } .site-nav li:hover > ul { list-style: none; font-size: 1em!important; margin: 0; padding: 0; text-align: center; display: flex; flex-direction: column; background:#d4dae9!important; width: 100%; color: antiquewhite; float: none; position: relative; z-index:2000; } .site-nav li:hover { margin-top: 0; padding: 0; } .site-nav ul li a { padding: 0; margin: 0; text-align: center; display:block; } .site-nav ul li a:hover { color: #fff; margin: 0; padding: 0; } .site-nav li { margin: 0; padding: 0; font-size: 1.10em; } .site-nav ul ul li a { padding:0; color:#fff; text-align: center; width: 100%; } .site-nav ul ul li { float: none; width: 100%; margin: auto 0; font-size: 1em; } .site-nav ul ul ul li a { color: #555; } .site-nav ul ul ul li { float: none; width: 70%; margin: auto 15%; margin-left: 0; color: #555; } .site-nav > ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; width: 100%; } .site-nav .sub li{ visibility: hidden; height: 0; margin: 0; padding: 0; z-index: 1000; } .site-nav .sub li { display: block; width: 15em; } .site-nav li:hover .sub, .site-nav li:active .sub, .site-nav li:focus .sub { visibility: visible; height: auto; } .site-nav li:focus-within .sub { visibility: visible; height: auto; } } .site-nav ul li.sub1 > a:after { position: relative; float: right; content: ''; margin-left: 10px; margin-top: 5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #232323; border-bottom: 5px solid transparent; } .site-nav ul ul li.sub1 a:after { margin-left: auto; margin-right: -10px; border-left: 0px solid #fff; border-right: 0px solid transparent; border-top: 0px solid transparent; border-bottom: 0px solid transparent; } .site-nav ul ul li:last-child { border-bottom: none; } @media screen and (max-width:800px) { .site-nav { display:none; } } @media screen and (min-width:800px) { .page-id-9 .site-nav { display:block; top: -250px; z-index: 2500; float: right; } .site-nav { display:block; top: 0; z-index: 2500; float: right; } .site-nav ul { display: block; } #toggle-nav { display:none; } .site-nav ul li a { padding: 5px; } .site-nav li { font-size:68%; } } @media screen and (min-width: 800px) and (max-width: 1000px){ .site-nav ul li a { padding: 5px; font-size: 100%; margin: auto 0; } } @media screen and (min-width:900px) { .site-nav li { font-size:80%; } } @media screen and (min-width:1000px) { .site-nav { margin-left:0; } .site-nav li2 { font-size:85%; } } @media screen and (min-width:1100px) { .site-nav { padding: 0; } .site-nav { margin-left:0; } .site-nav li { font-size:85%; } } @media screen and (min-width:1242px) { .site-nav { padding: 0; margin-top: 0px; } .site-nav { margin-left:0; } .site-nav li { font-size:85%; } } @media screen and (min-width:1370px) { .site-nav { margin-top: -80px; } .site-nav li { font-size:90%; } .page-id-9 .site-nav { top: -185px; } } .nav-top { background: rgba(241,180,20, 0); font-size: 0.8em; display: block; float: left ; position:absolute; left: 0; right: 0; margin-top:0; z-index: 111000; } .nav-top > ul > li > ul { display: none; z-index:22250; } .nav-top > ul a{ display: block; white-space: nowrap; padding: 10px; margin-top:-25px; margin-bottom: 30px; padding-top: 1em; padding-bottom:1em; font-size: 80%; } .nav-top ul > li > ul > li a { background: #f1bb46; color: #fff; margin-top: -1.7em; margin-left: 0; float: left!Important; padding: 1em; width: 300px; z-index:22225; clear:both; } .nav-top > ul { float: left; overflow: hidden; padding: 0 10px 0 10px; } .nav-top > ul > li:hover > ul { display: block; position: absolute; } .nav-top a:hover a{ color:red; } .nav-top ul { right: 2px; padding: 1.5em 0; margin: 0; list-style: none; text-align: right; float: right; z-index:22225; position: absolute; } .nav-top li { display:inline; color: rgba(243, 145, 45, 1); padding: 0em 0.3em; margin: 0 0 0 0; } .nav-top a { text-align: left; color: #fff; float: left; padding: 0em 0.3em; text-decoration: none; } .nav-top .submenu { background: rgba(241,180,20, 1); } .nav-top ul > li > ul > li a{ margin-top: -.5em; } @media screen and (min-width:600px){ .nav-top { font-size: 0.8em; height: 200px; min-height: 90px; } } @media screen and (min-width:800px){ .nav-top { height:10px; } .home-image, .ck-image{ top: -136px; } } @media screen and (min-width:900px){ .nav-top { height:10px; } .home-image { } } @media screen and (min-width:1200px){ .nav-top { } } .site-slides { color: #333; background: #eee; float: left; width: 100%; height: 100px; } .gallery a { cursor: default; } .gallery { margin: auto -6px; padding: 6px 0; line-height: 1; overflow-x: hidden; } .ie7 .gallery, .ie8 .gallery { margin: auto; } .gallery .gallery-item { float: left; margin: 0; text-align: center; padding: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ie7 .gallery .gallery-item, .ie8 .gallery .gallery-item { padding: 6px 0; } .gallery .gallery-caption, .gallery .gallery-icon { margin: 0; } .gallery .gallery-caption { font-size: 13px; margin: 4px 0; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33.333%; } .ie8 .gallery-columns-3 .gallery-item, .ie7 .gallery-columns-3 .gallery-item { width: 33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.665%; } .gallery-columns-7 .gallery-item { width: 14.285%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.111%; } .gallery img { max-width: 100%; height: auto; border: none; padding: 0; } .site-search { position: absolute; } .site-search input[type="search"] { width: 100%; padding: .5em 90px .5em .5em; box-sizing: border-box; color: #1d2036; } .site-search input[type="submit"] { position: absolute; right: 0; bottom: 0; width: 113px; height: 37px; color: #1d2036; } @media screen and (min-width:600px) { .site-search { position: absolute; top: 0; right: 0; width: 250px; } } .site-main { } .page-template-template-no-sidebar main{ float: left; width: 100%; } .page-template-template-no-sidebar main section{ float: left; width: 100%; margin: auto 0; } .page-template-template-no-sidebar main article{ float: left; width:80%; } @media screen and (max-width:599px) { .site-content { float: left; position: relative; width: 100%; margin-top: 0; z-index: 2000; } .site-content article { width: 95%; margin: 0 .5em; font-size: 85%; line-height: 1.6; } .site-content.home { float: left; position: relative; width: 100%; margin-top: 0; z-index: 2000; } } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { width: auto; height: auto; } @media screen and (min-width:800px) { .site-content { float: left; width: 100%; position:relative; margin: 0; z-index: 2000; } .page-id-9 .site-content { top: -250px; } .home.site-content { float: left; width: 100%; } .site-content article { clear: both; float: left; width: 80%; margin: auto 10%; position:relative; } } .post-meta { } .wp-post-image { margin: .3em 1em 1em 0; } .wp-post-image a { padding: 1em; display: block; text-decoration: none; font-size: 1.1em; } @media screen and (min-width:1000px) { .site-content.home { top: -60px; } .site-content { } } .site-content-white{ color: #1d2036; } .site-content-blue-left, .site-content-blue-right { background: rgb(3,33,132); background: -moz-linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%); background: -webkit-linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%); background: linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#032184",endColorstr="#032184",GradientType=1); } .white-topul { top: 0; } .home-cover { display: block; background-size: cover; background-position: center; margin: auto; border-radius: 0px; box-shadow: 0px 0px 0px #888888; width: 100%; z-index: 100; } .home-cover img { width: 100%; } .home-cover .mycovertext { background: rgba(3,33,132,.0); width: 100%; max-height: 100%; float: left; margin: auto ; position:relative; top:120px; padding: 1em; font-family: 'Raleway','Roboto', sans-serif; border-radius: 2px; font-size:1em; z-index: 600; } .home-cover .mycovertext h1 { font-family: 'Raleway'; font-style: normal; font-weight: 300; font-size: 2.2em; color: #020518; padding-top: 20px; padding-right: 0; padding-left: 0; padding-bottom: 20px; text-shadow: 0px 5px 8px rgba(0, 0, 0, 0.45); } .home-cover .mycovertext h2 { font-size: 2.1em; padding-top: 0em; } .home-cover .mycovertext h3 { color: #edcf06; font-size: 2.1em; } .home-cover .mycovertext img { margin: 0; } .home-cover .mycovertext p { color: #edcf06; text-align: center; } @media screen and (max-width:570px) { .home-cover .mycovertext { top:-100px; } .home-cover .mycovertext h1 { font-size: 1.6em; padding-bottom: 0em; } .home-cover .mycovertext p { line-height: 1.05; margin-top:1em; } .home-cover .mycovertext h2 { font-size: 1.4em; padding-top: 0em; line-height: 1.2; } .home-cover .mycovertext h3 { font-size: 1.4em; padding-bottom: 0em; margin-top:-1.5; } .home-cover .mycovertext img { width: 30%; margin: .5em .5em; } } @media screen and (min-width:800px) { .home-cover .mycovertext { width: 50%; float: left; margin: auto 25%; position:absolute; top:200px; padding: 1em; border-radius: 2px; font-size:1em; z-index: 200; } .home-cover .mycovertext h1 { padding: 1em; } .home-cover .mycovertext h2 { font-size: 1.4em; padding-top: 0em; } .home-cover .mycovertext h3 { font-size: 1.4em; } .home-cover .mycovertext img { width: 30%; margin: .5em .5em; } } @media screen and (min-width:800px) { .home-cover .mycovertext { top:260px; width: 35%; line-height: 1.5; } .home-cover .mycovertext p { line-height: 1.5; font-size: 90%; } } @media screen and (min-width:900px) { .home-cover .mycovertext { width: 35%; line-height: 1.5; } .home-cover .mycovertext p { line-height: 1.5; font-size: 90%; } } @media screen and (min-width:1100px) { .home-cover .mycovertext { top:190px; width: 30%; } .home-cover .mycovertext p { line-height: 2; font-size: 100%; } } @media screen and (min-width:1200px) { .home-cover .mycovertext { top:190px; width: 30%; } .home-cover .mycovertext p { line-height: 2.1; font-size: 100%; font-size: 1.4em; } } @media screen and (min-width:1400px) { .home-cover .mycovertext { top:180px; width: 40%; } .home-cover .mycovertext h1 { font-size: 2.1em; padding-bottom: 0em; margin-top: -1.25em; } .home-cover .mycovertext h2 { font-size: 1.8em; padding-top: 0em; line-height: 1.4; } .home-cover .mycovertext h3 { font-size: 1.8em; padding-bottom: .3em; margin-top: 0em; } .home-cover .mycovertext img, .home-cover .mycovertext p { line-height: 1.6; } } @media screen and (min-width:1200px) { .home-cover .mycovertext { width: 40%; margin-top:40px; } } #v_social { display: block; position: fixed; right: -240px; margin-top: 120px; font-size: 75%; z-index: 2522; } .v_social { width: 180px; background-color: #555; } #v_social .text{ margin-left: 30px; } #v_social .soc-aktuelles { margin-right: 0; right: 110px; background-color: #fff; width: 180px; padding-left: 10px; padding-top: 8px; } #v_social .soc-aktuelles img { width: 30px; } #v_social .soc-kontakt { margin-right: 0; right: 110px; background-color: #fff; width: 180px; padding-left: 10px; padding-top: 5px; } #v_social .soc-unterkunft { margin-right: 0; right: 110px; background-color: #fff; width: 180px; padding-left: 10px; padding-top: 10px; height: 50px; } #v_social .soc-unterkunft img{ margin: auto; margin-top: 5px; } #v_social img { cursor: pointer; width: 24px; } #v_social .soc-aktuelles a:hover { left: 20px; } #v_social li { position: relative; display: block; width: 130px; height: auto; margin-bottom:.5em; padding-left: 1px; color: #fff; } #v_social li .text { color: #fff; margin-left: 5px; top: -4px; position: relative; } #v_social .soc-unterkunft li .text { left: 40px; } #v_social .soc-unterkunft .unterkunft-link { margin-left: 28px; margin-top: -37px; line-height: 1.3; } #v_social li:hover { right: 210px; 2transition: opacity 2s ease-out; -webkit-transition: left 4s linear; -webkit-transition: left 4s linear; -moz-transition: left 4s linear; -o-transition: left 4s linear; transition: left 4s linear; background-color:#ffcc33; opacity: .90; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); zoom: 1.0; } @media screen and (max-width:570px) { .home-cover .mycovertext img { width: 30px; margin: .5em .5em; } } @media screen and (min-width:800px) { .home-cover .mycovertext h1 { padding: 1em; } .home-cover .mycovertext h2 { font-size: 1.4em; padding-top: 0em; } .home-cover .mycovertext h3 { font-size: 1.4em; } .home-cover .mycovertext img { width: 30%; margin: .5em .5em; } } @media screen and (min-width:800px) { .home-cover .mycovertext { top:260px; width: 35%; line-height: 1.5; } .home-cover .mycovertext p { line-height: 1.5; font-size: 90%; } } @media screen and (min-width:900px) { .home-cover .mycovertext { width: 35%; line-height: 1.5; } .home-cover .mycovertext p { line-height: 1.5; font-size: 90%; } } @media screen and (min-width:1100px) { .home-cover .mycovertext { top:190px; width: 30%; } .home-cover .mycovertext p { line-height: 2; font-size: 100%; } } @media screen and (min-width:1200px) { .home-cover .mycovertext { top:190px; width: 30%; } .home-cover .mycovertext p { line-height: 2.1; font-size: 100%; font-size: 1.4em; } } @media screen and (min-width:1400px) { .home-cover .mycovertext { top:180px; width: 40%; } .home-cover .mycovertext h1 { font-size: 2.1em; padding-bottom: 0em; margin-top: -1.25em; } .home-cover .mycovertext h2 { font-size: 1.8em; padding-top: 0em; line-height: 1.4; } .home-cover .mycovertext h3 { font-size: 1.8em; padding-bottom: .3em; margin-top: 0em; } .home-cover .mycovertext img, .home-cover .mycovertext p { line-height: 1.6; } } @media screen and (min-width:1200px) { .home-cover .mycovertext { width: 40%; margin-top:40px; } } .hg_blue_right { background: rgb(3,33,132); background: -moz-linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%); background: -webkit-linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%); background: linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#032184",endColorstr="#032184",GradientType=1); color: #fff; padding: 3em; margin: 0; float: left; height:auto; width: 100%; margin-bottom: 0em; clear:both; } .hg_blue_left { background: rgb(3,33,132); background: -moz-linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%); background: -webkit-linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%); background: linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#032184",endColorstr="#032184",GradientType=1); color: #fff; padding: 1em; clear:both; } .inhalt_left { width: 100%; height: auto; margin-bottom: 2em; padding: 1em; margin: 0 1em; } .inhalt_right { width:100%; height: auto; margin-bottom: 2em; padding: 1em; margin: 0 1em; } .inhalt_right p h1, .inhalt_left p h1 { color: #1d2036; } .hg_blue_right p , .hg_blue_left p { color: #fff; } .hg_blue_right h1 , .hg_blue_left h1 { color: #f4660a; } @media screen and (min-width:768px) { .inhalt_right { float: right; width:45%; height: auto; margin: 0; margin-bottom: 2em; padding: 1em; } .inhalt_left { float: left; width:45%; } .inhalt_right article , .inhalt_right p { margin: 0; padding: 0; width: 100%; clear:both; } .inhalt_left article , .inhalt_left p { margin: 0; padding: 0;width: 100%; clear:both; } .inhalt_right .box_2 article{ width: 45%; margin-right: 0em; margin-top: 1em; } .inhalt_left .blue_left .box_2 { width: 45%; margin-left: 1em; float: left; clear:both; } } .inhalt_three, .inhalt_three_orange { float: left; width: 100%; height: auto; margin-bottom: 2em; margin-top:0; padding: .5em; margin: 1em 1em; min-height: 340px; } .inhalt_three { background: rgba(238,239,246,0.9); } .inhalt_three_orange { background: rgba(245, 145, 45,1); margin-bottom:6em; padding-top: 1em; color: #fff; } .inhalt_three_orange a { color: aliceblue; } article.inhalt_three, article.inhalt_three_orange { display: block; width:99%; } .inhalt_three a { color: rgb(3,45,100); width: 100%; text-align: center; clear: both; } .inhalt_three p , .inhalt_three_orange p { clear: both; color: #1d2036; width: 100%; font-size: 1em; } .inhalt_three h1, .inhalt_three_orange h1 { clear: both; width: 100%; } @media screen and (min-width: 768px){ .inhalt_three, .inhalt_three_orange { width:40%; height: auto; min-height: 340px; } .inhalt_three p , .inhalt_three_orange p { width: 100%; margin: auto 0; padding: 1em; clear: both; } } @media screen and (min-width: 900px){ .inhalt_three, .inhalt_three_orange { width: 27%; height: auto; min-height: 450px; margin-right:5%; margin:1em; padding: 1em 0; } .inhalt_three p , .inhalt_three_orange p { width: 100%; margin: auto 0; padding: 1em; clear: both; } .section-skew-blue-over { padding: 6% 3% 10% 3%; font-size: 110%; } } @media screen and (min-width: 1100px){ .inhalt_three, .inhalt_three_orange { width: 27%; height: auto; min-height: 450px; margin-right:5%; margin:2em; padding: 1em 0; } .inhalt_three p , .inhalt_three_orange p{ width: 100%; margin: auto 0; padding: 1em; clear: both; } .section-skew-blue-over { padding: 4em 1.0em; } } @media screen and (min-width:1400px){ .inhalt_three, .inhalt_three_orange { width: 25%; height: auto; min-height: 450px; left: 5%; margin-right:5%; margin:3.5em; padding: 1em 0; } } .page-id-974 .box-am .am h1{ float: left; position: relative; min-width: 1100px; padding-top: 2em; padding-bottom: -4em; margin-bottom: 0em; margin-left: -400px; text-align: center; top: -8em; color: #fff; z-index:1000; } .tab_1 { margin: auto 0 ; width: 25%; float: left; text-align: left; } .tab_2 { margin: auto 0 ; width: 30%; float: left; text-align: left; } .transparent-hg { background:rgba(255, 255, 255, 0.8); float: left; height:auto; width: 100%; margin: 0; margin-top: 3em; margin-bottom: 3em; clear:both; } .transparent-hg article { padding: 1em; height: auto; min-width: 40%; } .transparent-hg p { text-align: center; clear:both; } .transparent-blue-hg { background: rgba(3,33,132,0.8); float: left; height:auto; width: 100%; color: #fff; padding: 3em; margin: 0; margin-top: 3em; margin-bottom: 3em; clear:both; } .transparent-blue-hg p { text-align: center; color: #fff; font-style:fine; clear:both; } .transparent-blue-hg article { max-width: 1100px; margin: 0 auto; padding: 1em; height: auto; min-width: 40%; } .transparent-orange-hg { background: rgba(243,145,45, 0.9); float: left; height:auto; width: 100%; padding: 3em; margin: 0; margin-top: 3em; margin-bottom: 3em; color: #1d2036; clear:both; } .transparent-orange-hg h2 { color: #1d2036; } .transparent-orange-hg a { color: #fff; } .transparent-orange-hg p { text-align: center; clear:both; } .transparent-orange-hg article { max-width: 1100px; margin: 0 auto; padding: 1em; height: auto; min-width: 40%; } .start { float: left; height:auto; position: relative; width: 80%; margin: auto 10%; font-size: 1.25em; padding: 0 1em .2em 1em; text-align: justify; clear:both; } .start article { float: left; height:auto; position: relative; width: 99%; margin: auto 0; font-size: 1.25em; padding: 0 2em .2em 2em; clear:both; } .start p { float: left; height:auto; position: relative; background: rgba(0,0,0,0); width: 100%; text-align: left; clear:both; } .start b { float: left; height:auto; position: relative; background: rgba(0,0,0,0); width: 100%; font-size: 95%; padding: 0 2em .2em 2em; margin: 0; text-align: left; clear:both; } .start h1, .start h12, .start h2, .start h3 { text-align: left; padding: 2em 1em .2em 1em; } .start-h h1 { width: 80%; margin-bottom: 1em; text-align: left; } p.start { width: 80%; font-size:1.25em; float: left; margin: auto 10%; } .start h1, .start h12, .start h2, .start h3 { text-align: left; padding: 2em 1em .2em 1em; } .white{ float: left; height:auto; position: relative; width: 100%; padding: 1em; margin: 0; text-align: center; clear:both; } .box-course { float: left; height:auto; position: relative; width: 100%; padding: 1em 0; margin: 0; text-align: center; clear:both; } .white{ background: rgba(0,0,0,0); } .box-course { background: rgb(212,218,233); background: -moz-linear-gradient(top, rgba(212,218,233,1) 0%, rgba(255,255,255,1) 87%); background: -webkit-linear-gradient(top, rgba(212,218,233,1) 0%,rgba(255,255,255,1) 87%); background: linear-gradient(to bottom, rgba(212,218,233,1) 0%,rgba(255,255,255,1) 87%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4dae9', endColorstr='#ffffff',GradientType=0 ); } @media screen and (min-width:800px) { .white, .box-course { min-height: 300px; } } .white p, .box-course p{ line-height: 2.1; padding-right: 1em; padding-left: 1em; margin-bottom: 1em; text-align: justify; } .white h2 , .box-course h2{ margin: 1% auto; font-size: 2.5em; padding-bottom: 0; padding-top: 0; padding-left: 1em; text-align: center; font-weight: 300; max-width:100%; color:#404552; font-family: 'Roboto'; line-height: 72px; letter-spacing: 0.3px; hyphens: auto; } .white .pic-font img , .box-course .pic-font img{ margin:auto 10%; } @media screen and (max-width: 800px){ .box-course p{ line-height: 1.5; padding-right: 1em; margin-bottom: 1em; text-align: justify; width: 100%; } } @media screen and (min-width:800px) { .white, .box-course { min-height: 300px; } .white h2 , .box-course h2{ margin: 0 auto; text-align: left; font-size: 2.5em; padding-bottom: 0; } } @media screen and (min-width:1400px) { .white, .box-course { margin-top:0; padding: 0; } } .white-left { background: rgb(0,0,0,0); width: 100%; padding: 3em; margin: 0; float: left; height:auto; line-height: 1.325; clear:both; } .white-left p , .white-left h2 , .white-left h3{ margin:auto 5%; width:99%; text-align: left; } .pagination{ clear:both; width: 100%; padding:1em; text-align: center; background:#193252; color: #eee; float:left; } nav.pagination a::before { content: " • "; margin-left: 1em; font-size: 1.1em; } div.comment-form { margin-top: 4em; } .comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url], .comment-form textarea { padding:.5em; color: white; background-color: rgba(0, 0, 0, 1); border: 2px solid rgba(255, 255, 255, 0.22); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.24); margin: .2em 0 1em 0; width:100%; } .comment-form input[type=submit] { background: rgba(255, 255, 255, 0.17); padding: .75em 1.2em; border: 2px solid rgba(255, 255, 255, 0.61); margin-top: -1em; } .comment-list { margin-top: 5em; } .comment-list ul { padding:0; margin:0; list-style: none; } .single-comment { background: rgba(255, 255, 255, 0.1); padding: 1em; margin-bottom: 1em; } .single-comment .children { margin-top:1em; } .single-comment .avatar { float:right; border-radius: 32px; object-fit: cover; } .bypostauthor > article { background: #ededed; padding: 6px; border-right: #ff9900 solid 10px; border-radius: 3px; } .site-sidebar { padding:0; } .circle { font: 300 100%/1.5 Ubuntu; width:25%; height: 0; background: #fdc82f; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 4px solid #f7eccd; border-style:double; padding: 1% 1%; text-align: center; font-family: 'Roboto'; font-weight: 300; font-style: normal; } .circle2 { font: 300 100%/1.5 Ubuntu; width: 96%; float: left; position: relative; margin-bottom: 1%; background: #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin: -3% 0 6% 1%; } aside { background:silver; padding:1em; } .site-sidebar { padding:0; } .sp-row{ display:inline; float: left; width: 100%; margin: 0; padding: 0; } .container-slick { float: left; margin-bottom: 1%; margin-top: 1%; right: 0; left: 0; } .zoom , .zoom2 { overflow: hidden; } .zoom img{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.7s linear; -moz-transition: all 0.7s linear; -ms-transition: all 0.7s linear; -o-transition: all 0.7s linear; transition: all 0.7s linear; } .zoom2 img{ -webkit-transform: scale(.95); -moz-transform: scale(.95); -ms-transform: scale(.95); -o-transform: scale(.95); transform: scale(.95); -webkit-transition: all 0.7s linear; -moz-transition: all 0.7s linear; -ms-transition: all 0.7s linear; -o-transition: all 0.7s linear; transition: all 0.7s linear; } .zoom img:hover { height: auto; -webkit-transform: scale(1.7); -moz-transform: scale(1.7); -ms-transform: scale(1.7); -o-transform: scale(1.7); transform: scale(1.7); } .zoom2 img:hover { height: auto; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .zoom, .zoom2{ left: 0; right: 0; margin-left: 0; margin-right:0; margin-top: 0; margin-bottom: 0; padding: 0; } .zoom2{ text-align: center; } .sepia img { transition: transform 2s, filter 1.8s ; transform-origin: center center; filter: sepia(0%); } .sepia:hover img { filter: sepia(220%); } .saturate img { transition: transform 1.1s, filter 0.5s ; transform-origin: center center; filter: saturate(100%); } .saturate:hover img { filter: saturate(30%); } .invert img { transition: transform 1.2s, filter 1.1s cubic-bezier(0.4, 0, 1, 1); filter: sepia(0); } .invert:hover img { filter: sepia(220%); } .contrast img { transition: transform 2s, filter 1.8s ; transform-origin: center center; filter: contrast(90%); } .contrast:hover img { filter: contrast(180%); } .brightness img { transition: transform 2s, filter 1.8s ; transform-origin: center center; filter: brightness(110%); } .brightness:hover img { filter: brightness(180%); } .img-hover-zoom { height: 300px; overflow: hidden; } .img-hover-zoom:hover img { transform: scale(1.3); } .img-hover-zoom--basic img { transition: transform 2s, filter 1.8s ease-in-out; transform-origin: center center; } .img-hover-zoom--basic:hover img { transform: scale(1.3); } .img-hover-zoom--Farbton-Drehung img { transition: transform 2s, filter 1.25s ease-in-out; transform-origin: center center; filter: Farbton-Drehung (0 Grad); } .img-hover-zoom--Farbton-Drehung :hover img { filter: Farbton-Drehung (110 Grad); transform: scale(1.6); } .container-slick figure { display: block; float: left; height: auto; left: 0; right: 0; margin-left: 0; margin-right:0; padding: 0; margin-block-start: .3em; margin-block-end: .3em; margin-inline-start: .3em; margin-inline-end: .3em; } .container-slick figure { display: inline-block; padding: 0; background: white; overflow: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .container-slick figure img { float: left; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; width: auto; max-width: auto; -webkit-transition: all 1s ease ; -moz-transition: all 1s ease; transition: all 1s ease; } .btn-back{ display:inline; float: left; position: relative; height: 6.25rem; background: rgba(255, 204, 51, .4); border: 0px solid gold; width: 100%; cursor: pointer; padding:2em; text-align: center; font-size: 80%; } .btn-back a{ top: 20%; padding:0 .3em; color:#292c29; } .btn-back a:hover { color: gold; } .btn-middle{ display:block; width: auto; max-width: 250px; margin:auto; padding:.3em .5em; cursor: pointer; background-color: rgba(255, 204, 51,.4); border: 1px solid gold; text-align: center; } .btn-middle a { background: rgba(255, 204, 51, 1); display:inline; font-size:90%; text-decoration: none; } .btn-middle a:hover { color: gold; } .btn-small{ width: auto; max-width: 250px; margin:auto; padding:.8em .9em; cursor: pointer; background-color: rgba(255, 204, 51,1); border: 1px solid gold; text-align: center; } .btn-small a { background: rgba(255, 204, 51, .6); display:inline; font-size:90%; text-decoration: none; } .btn-small a:hover { color: gold; } .cms-widget__load-more { text-align: center; position: absolute; width: 100%; left: 0; height: 6.25rem; bottom: 0; background-color: #f7f7f7; } .cms-widget__load-button { border: 0; font-size: 1rem; width: 150px; position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; z-index: 2; background-color: #f7f7f7; padding: 0; margin: 0 .75rem; } .link--cta-dark { font-family: 'Raleway'; text-transform: uppercase; color: #121212; border-bottom: 1px solid #4d4d4d; } .btn-middle.box-pic{ background: #141914; width: 34%; margin: auto 34%; padding: .2em; cursor: pointer; } .btn-middle.box-pic a { color: #fff; display:inline; font-size:1.0em; text-decoration: none; } .btn-middle.box-pic a:hover { color: gold; } .btn-middle.box-pic:hover { border: 1px solid gold; } @media screen and (min-width:800px){ .btn-middle.box-pic a { font-weight: 300; } } .btn-middle.box-pic { float: left; border-radius: 0px 0px 0px 0px; text-align: center; cursor: pointer; border: 1px solid #ffffff; margin-bottom: 3%; } .kontur { border: 1px solid #333; margin: 3%; } .kontur-fff { clear: both; border: 1px solid #fff; margin: 0; padding: 0; width: auto; } .btn-kontur{ display:inline; border: 1px solid green; width: auto; float: left; height: auto; margin-left: 5%; padding-bottom: 0; text-align: center; margin-bottom: 3%; color: #f5f9f5; cursor: pointer; } .kontur-1{ border: 1px solid #333; width: 90%; margin-left: 5%; padding-bottom: 0; } .btn-kontur a { border: 1px solid red; color: #292c29; font-family: 'Raleway'; display:inline; font-size:.9em; text-decoration: none; } .btn-kontur a:hover { color: gold; } .btn-kontur:hover { border: 1px solid gold; } @media screen and (min-width:800px){ .btn-kontur a { font-weight: 200; } } .btn-kontur-s { color: #292c29; font-family: 'Roboto'; text-align: center; font-size: .9em; padding: 3%; margin-top: -9%; } .btn-kontur-s a { color: #fff; border: 1px solid #fff; } .card .kontur { margin-top: 0; } .btn-abstand { bottom: 4%; } .abstand_pad { padding: 1em; } .abstand_1 { margin-bottom: 4%; margin-top: 4%; } .abstand_2 { margin: auto 4%; } .abstand { margin-bottom: 4%; } .abstand-kont { bottom: 2%; } .abstand-top{ margin-top: 4%; } .abstand-top-inner{ padding-top: 4%; } .abstand-top-big-inner{ padding-top: 8%; } .abstand-bot-inner{ padding-bottom: 4%; } .abstand-top-big{ margin-top: 8%; } .abstand-color { width: 100%; height: 20px; margin-top:0; background: #fff; } figure:hover { } figure img { -webkit-transform: scale(.99); -moz-transform: scale(.99); transform: scale(.99); -webkit-transition: all ease 1.5s; -moz-transition: all ease 1.5s; transition: all ease 1.5s; } figure:hover img { -webkit-transform: scale(.93); -moz-transform: scale(.93); transform: scale(.93); -webkit-transition: all ease 1.3s; -moz-transition: all ease 1.3s; transition: all ease 1.3s; opacity: 1; filter: alpha(opacity=100); } .card figure img { display:block; margin-left: 0; margin-right: 0; padding-right: 0; width: auto; max-width: auto; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .card p figure { margin: 0; width: 100%; float: left; display: block; text-align: left; } figcaption { font-size: 2.0em; display: block; text-align: center; } .kontakt{ width: 99%; margin: 5% 0 ; padding: 0 ; clear: both; position: relative; text-align: center; } .kontakt p { text-align: center; font-size: 80%; line-height: 1.7; margin: 5% 0; width: 95%; color: #666666; } .kontakt a { font-size: .9em; } .kontakt-box-70 { width: 100%; margin: auto ; } @media screen and (min-width:900px) { .kontakt{ width: 80%; margin:10%; padding: .5em .5em; } .kontakt p { font-size: 110%; line-height: 1.9; text-align: center; width: 80%; } .kontakt a { font-size: 1em; } .kontakt-box-70 { width: 80%; margin: auto 10%; } } .datenschutz { background: rgb(0,0,0,0); width: 90%; margin: auto 5%; float: left; line-height: 1.325; font-size: 80%; clear:both; } .datenschutz p { text-align: justify; line-height: 1.525; width: 90%; margin: auto 5%; } .datenschutz h2, .datenschutz h3, .datenschutz h4{ text-align: left; float: left; width: 90%; margin: auto 5%; padding-bottom: .3em; } .datenschutz ul { width: 85%; margin: auto 5%; padding: 1em 2em; color: #666666; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-inner { min-height: 300px; border: 1px solid #fff; border-radius: 30px; background-color: #bbbbbb; } @media screen and (min-width:600px) { .site-sidebar { float:right; } } @media screen and (min-width:800px) { .site-sidebar { margin-top:5em; } } footer .widget , .page-id-9.site-footer{ width: 100%; margin-left: 0; } .page-id-9.site-footer { margin-top: 0px; } @media screen and (min-width:600px){ .page-id-9 .site-footer { display: grid; float: left; color: #fff; padding-top: 3%; width: 100%; } } .site-footer { display: grid; float: left; background: #FFC121; color: #fff; padding-top: 3%; width: 100%; border-top: white; border-top-style: solid; } .textwidget p, .textwidget{ padding: 1% 0; margin: auto 1%; width: 90%; font-size: .9em; word-wrap: break-word; } .site-footer h2, .widgettitle h2{ font-family:'Roboto', 'Open Sans' , 'Raleway'; color: #040a1b; text-align: left; } .site-footer a { color:#2f1f06; font-size: 1.0em; } .footer-widgets { margin-right:0; } .footer-widget-column { float: left; width: 100%; padding-left: 0; box-sizing: border-box; } .footer-widget-column:nth-child(1):nth-last-child(1) { float: none; width: 100%; } .footer-widget-column:nth-child(1):nth-last-child(2), .footer-widget-column:nth-child(2):nth-last-child(1) { width: 100%; } .footer-1, .footer-2, .footer-3, .footer-4, .widget-area { float: left; text-align: left; padding-left: 2em; padding-bottom: 1em; margin: auto 0; } .textwidget p { color:#fff; } .footer-copyright { font-size: 68%; padding: 2%; clear: both; float: left; position: relative; background-color: #040a1b; color: #ffcc33; right: 0; left: 0; width: 100%; } .footer-copyright p{ color: #ffcc33; margin-left: 2em; margin-right:1em; font-size: 1.0em; } .footer-copyright a{ color:#e2d3a5; font-size: 1.0em; } .footer-copyright a:hover{ color:#ffcc33; } @media screen and (min-width:1200px){ .footer-copyright { font-size: 80%; } .site-footer p { margin-left:0; font-size:.9em; color: #040a1b; } .textwidget p, .textwidget { padding: 2% 0; margin: auto 3% auto 0; } .textwidget.footer-copyright, .textwidget.footer-copyright p { padding:-2% 0; margin: 0; } .widgettitle h2{ font-size:100%; text-align: left; } .footer-1, .footer-2, .footer-3, .footer-4, .widget-area{ float: left; text-align: left; padding-left: 2em; padding-bottom: 1em; width: 25%; } .footer-copyright p { margin-left: 2em; color: #ffcc33; text-align: left; width: 100%; padding-left: 0em; left: 0; } .site-footer h2, .widgettitle h2 { font-size: 1.5em; } } .back-to-top { display: none; font-size: 2em; position: fixed; float: left; height: 40px; width: 30px; right: 50%; bottom: 30px; z-index: 2100; } a.back-to-top { color:#323; } a.back-to-top:hover { border: solid 0px; border-radius: 0px;color: red; z-index: 3500; } a.back-to-top span { display: none; font-size: .9em; } a.back-to-top:hover span { width: 80px; height: 130px; margin-right: 20px; top: 0; padding: 10px 20px 40px; color: red; display: block; position: absolute; text-align: center; font-size: .8em; border-radius: 2px 2px 1px 1px; z-index: 2999; } article p .GemOW { width: 50%; float: left; font-family: 'Qwigley'; font-style: normal; font-weight: 400; padding: 3em; background-color: azure; color: #333; } figure { margin: 0em 0em 1em 0em; padding: 0; } .center { width: 80%; margin:20px 10%; float: left; position:relative; } .middle, .more-link, .aria-label, .label{ width: 100%; margin: -5px auto 0 auto; padding-top: 0px; color: #8e2216; text-decoration: none; font-size: .9em; } @media screen and (max-width:799px){ .middle, .more-link, .aria-label, .label{ width: 100%; margin: 0 auto; padding-top: 0px; color: #8e2216; text-decoration: none; font-size: .9em; } } .middle.center { color: #8e2216; } button { font-family: inherit; font-size: .91em; line-height: 1.15; margin: 1em; background: #ffcc33; color: #2f1f06; padding: 0.6em 1em; cursor: pointer; } .akkordeon-titel { background-color: #fff; cursor: pointer; padding: 10px; color: #ffcc33; text-align: left; text-decoration: underline; font-weight: 400; font-size: 1.1em; } li { list-style-type: none; } .akkordeon-inhalt { display: none; padding: 10px; border-top: 0; border:0px solid #ffcc33; } .akkordeon-inhalt a { font-size:.9em!Important; color: #404552; } .akkordeon-titel.active { background-color: #ffcc33; color: #fff; } .icon-wrapper { position: fixed; left: 0px; bottom: 100px; z-index: 2553; text-align: center; } .popup-icon img { display: block; width: 60px; height: auto; } .hover-text { color: #f1d65e; background-color: #2f2d24; border-radius: 0; padding: 10px; font-size: .7em; margin-top: 0px; font-weight: 400; display: none !important; position: absolute; width: auto; left: 0; z-index: 2554; } .icon-wrapper:hover .hover-text { display: block!important; } .popup-icon:hover + .hover-text { display: block; } #popup { position: fixed; top: 5%; background: #333; color: #ffdd00; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.5); max-width: 100%; border-radius: 8px; visibility: hidden; opacity: 0; font-size: 75%; transition: visibility 0s, opacity 0.5s linear; z-index: 9999; } @media screen and (min-width:800px){ #popup { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 0 2%; font-size: 100%; max-width: 90%; border-radius: 3px; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } } #popup-mobile { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9999; background: #333; color: #ffdd00; padding: 0 2%; box-shadow: 0 0 10px rgba(0,0,0,0.5); max-width: 90%; border-radius: 3px; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } #close, #close-mobile { position: absolute; right: 10px; top: 10px; cursor: pointer; font-size: 20px; color: #ffdd00; } .popup-full h1 { color: #ffdd00; } .btn-popup a { color: #fff; } .hintergrund, .button-popup, .button-popup-mobile { margin-top: 20px; } .button-popup, .button-popup-mobile { background-color: #ffdd00; color: #fff; padding: 10px 15px; text-decoration: none; border-radius: 5px; } .button-popup:hover, .button-popup-mobile:hover { background-color: #e6c802; } a { color: #ffdd00; } .btn-popup { font-size: .9em; display: block; margin: 1% 0; padding: 0.1em 0.3em; cursor: pointer; color: #fff; border: 1px solid gold; text-align: left; float: left; } .popup-full { width: 90%; float: left; position: relative; } #icon-popup { margin: 5% 0 5% 45%; margin-top: 5%; margin-bottom: 3%; float: left; } #icon-popup img { max-width: 100px; }