/*
Theme Name: drkwpV2
Theme URI: http://www.klebsattel.de
Description: Wordpress Theme für DRK Gliederungen.
Author: Jörg Klebsattel
Author URI: www.klebsattel.de
Details URI: https://drkwp.klebsattel.de/changelog.txt
Version: 3.0.0
*/
:root {
--col-red: #e60005;
--col-dark-red: #a51e0f;
--col-red-gradient: linear-gradient(to bottom right,var(--col-dark-red),var(--col-red));
--col-blue: #2276d0;
--col-dark-blue: #002d55;
--col-blue-gradient: linear-gradient(to bottom right,var(--col-dark-blue),var(--col-blue));
--col-waterrescue-blue: #008ccd;
--col-youthredcross-petrol: #00a0aa;
--col-black-100: #000;
--col-black-80: #333;
--col-black-60: #666;
--col-black-20: #cbcbcb;
--col-black-40: #999;
--col-black-05: #f2f2f2;
--col-white: #fff;
--col-white-80: hsla(0,0%,100%,.8);
--col-white-60: hsla(0,0%,100%,.6);
--col-white-20: hsla(0,0%,100%,.2);
--col-white-05: hsla(0,0%,100%,.05);
--col-background: var(--col-white);
--col-text: var(--col-black-80);
--col-text-highlight: var(--col-blue);
--col-text-shaded: var(--col-black-60);
--col-button-border: var(--col-blue);
--col-button-background: var(--col-blue-gradient);
--col-button-text: var(--col-white);
--col-link: var(--col-blue);
--col-link-underline: var(--col-blue);
--col-link-hover: var(--col-blue);
--col-headline: var(--col-red);
--col-blockquote: var(--col-red);
--col-input-label: var(--col-black-80);
--col-input-placeholder: var(--col-black-60);
--col-input-border: var(--col-black-20);
--col-radio-button: var(--col-blue);
--col-radio-button-border: var(--col-black-20);
--main-line-height: 1.5;
--main-min-size: 1.13rem;
--main-max-size: 1.25rem;
--main-size-fluid: clamp(var(--main-min-size),calc(0.98rem + 0.61vw),var(--main-max-size));
--lead-min-size: 1.35rem;
--lead-max-size: 1.56rem;
--lead-size-fluid: clamp(var(--lead-min-size),calc(1.09rem + 1.07vw),var(--lead-max-size));
--small-min-size: .94rem;
--small-max-size: 1rem;
--small-size-fluid: clamp(var(--small-min-size),calc(0.87rem + 0.31vw),var(--small-max-size));
--blockquote-min-size: 1.35rem;
--blockquote-max-size: 1.56rem;
--blockquote-size-fluid: clamp(var(--blockquote-min-size),calc(1.09rem + 1.07vw),var(--blockquote-max-size));
--headings-line-height: 1.1;
--h1-min-size: 2.33rem;
--h1-max-size: 3.05rem;
--h1-size-fluid: clamp(var(--h1-min-size),calc(1.44rem + 3.67vw),var(--h1-max-size));
--h2-size-fluid: var(--h1-size-fluid);
--h3-min-size: 1.94rem;
--h3-max-size: 2.44rem;
--h3-size-fluid: clamp(var(--h3-min-size),calc(1.32rem + 2.55vw),var(--h3-max-size));
--h4-min-size: 1.62rem;
--h4-max-size: 1.95rem;
--h4-size-fluid: clamp(var(--h4-min-size),calc(1.21rem + 1.68vw),var(--h4-max-size));
}
/*Contact Form 7*/
.wpcf7-not-valid-tip {
color: #f00;
font-size: 1.2em !important;
font-weight: 900 !important;
display: block;
}
.site-header {
z-index: 9999;
}
/******* Allgemein ********/
#mega-menu-wrap-primary .mega-menu-toggle {display:none;}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: normal;
src: url('./font/OpenSans-Light-webfont.eot');
src: url('./font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('./font/OpenSans-Light-webfont.woff') format('woff'),
url('./font/OpenSans-Light-webfont.ttf') format('truetype'),
url('./font/OpenSans-Light-webfont.svg#OpenSans-Light-webfont') format('svg');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: normal;
src: url('./font/OpenSans-LightItalic-webfont.eot');
src: url('./font/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('./font/OpenSans-LightItalic-webfont.woff') format('woff'),
url('./font/OpenSans-LightItalic-webfont.ttf') format('truetype'),
url('./font/OpenSans-LightItalic-webfont.svg#OpenSans-LightItalic-webfont') format('svg');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: bold;
src: url('./font/OpenSans-Regular-webfont.eot');
src: url('./font/OpenSans-Regular-webfont-webfont.eot?#iefix') format('embedded-opentype'),
url('./font/OpenSans-Regular-webfont.woff') format('woff'),
url('./font/OpenSans-Regular-webfont.ttf') format('truetype'),
url('./font/OpenSans-Regular-webfont.svg#OpenSans-Regular-webfont') format('svg');
}
/*NextGen Gallery*/
.ngg-galleryoverview {
margin-top: 40px;
margin-bottom: 50px;
-webkit-transition: width 1s,height 1s,background-color 1s,-webkit-transform 1s;
transition: width 1s,height 1s,background-color 1s,transform 1s;
min-height: 100px;
}
.ngg-galleryoverview {
overflow: hidden;
margin-top: 10px;
width: 100%;
clear: both;
display: block !important;
}
.ngg-gallery-thumbnail-box {
float: left;
max-width: 100% !important;
}
.ngg-gallery-thumbnail {
text-align: center;
max-width: 100% !important;
background-color: #fff;
border: 1px solid #a9a9a9;
margin-right: 5px;
margin: 5px;
}
.ngg-gallery-thumbnail a {
display: block;
margin: 4px;
border: none;
box-shadow: none;
}
/*NextGen Gallery Ende*/
.posts{
display: flex;
flex-wrap: wrap;
}
.posts .post{
width: 33%;
padding: 10px;
box-sizing: border-box;
text-align: left;
}
.posts .post h3.entry-title, h3.entry-title a:link{
font-size: 22px !important;
margin: 0 0 15px 0;
line-height: calc(var(--headings-line-height)*1.1);
}
body {
background-color: var(--col-background);
color: var(--col-text);
font-family: Helvetica Neue,OpenSans,Arial,sans-serif;
font-size: var(--main-size-fluid);
line-height: var(--main-line-height);
white-space:normal;
/*text-align:justify;*/
hyphens:auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-ms-text-size-adjust:100%;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
text-rendering:optimizeLegibility;
}
::selection {background: #e46450; color: #ffffff;}
::-moz-selection {background: #e46450; color: #ffffff;}
h1,h2,h3,h4,h5,h6, p, time, legend{
/*letter-spacing: 0.4px;*/
padding-bottom:5px;
line-height:1.5882352941;
margin:0 0 1rem 0;
}
strong {
font-weight: 900 !important;
}
pre {
font-size: 0.8rem;
}
h1, h2, h3, h4, h5, h6 {
font-family: Helvetica Neue,OpenSans,Arial,sans-serif;
font-weight: 700;
line-height: var(--headings-line-height);
margin-bottom: 1em;
}
h1 {
color: var(--col-headline);
font-size: var(--h1-size-fluid);
margin-bottom: 0.8em;
}
h2 {
color: var(--col-headline);
font-size: var(--h2-size-fluid);
margin-bottom: 0.8em;
}
h3 {
color: var(--col-headline);
font-size: var(--h3-size-fluid);
margin-bottom: 0.8em;
}
h3.wp-block-heading, h3.wp-block-heading a {
color: var(--col-link) !important;
text-decoration: none !important;
font-size: var(--lead-size-fluid);
}
h3.entry-title, h3.entry-title a:link {
background-color: transparent;
color: var(--col-link);
font-size: var(--h4-size-fluid);
text-decoration: underline;
}
h4 {
color: var(--col-headline);
font-size: var(--h4-size-fluid);
margin-bottom: 0.8em;
}
h1 a:link, h1 a:visited, h1 a:hover, h2 a:link, h2 a:visited, h2 a:hover, h3 a:link, h3 a:visited, h3 a:hover {
background-image: none;
/*color: #e46450;*/
padding-left: 0px;
text-decoration: none;
}
h1.entry-title {
padding: 0px 0px 10px 0px;
margin: 0;
text-align: left !important;
}
h2.entry-title {
padding: 40px 0px 0px 0px;
font-size: 37.4px;
line-height: 0;
}
.screen-reader-text {
position: absolute !important;
left: -999em;
}
.screen-reader-text:focus {
clip: auto !important;
display: block;
height: auto;
left: 5px;
top: 5px;
width: auto;
z-index: 100000;
}
time {
font-size:16px;
color: var(--col-headline);
}
.titletime {
font-size: 14px;
color: rgb(0,0,0);
margin: 0;
padding-top: 5px;
}
a.button1, a.button2 {
text-align:center;
width:auto;
font-size:.9em;
text-transform:uppercase;
text-decoration:none;
border-bottom:none !important;
margin:0 0 0 0;
padding:8px 15px;
transition: padding 0.2s ease;
color:#fff !important;
border-radius: 1.5rem;
cursor: pointer;
}
a.button1 {
background: var(--col-button-background);
float:right;
margin:10px 0px;
}
a.button2 {
background:#3b3b3b !important;
}
a.button1:hover, a.button2:hover {
padding:8px 15px;
}
a[title$=".mitgliedwerden"] {
background-color:#e46450 !important;
color:#fff !important;
border-radius:0px !important;
}
#post {
display:block;
}
.beitrag{
width: 62%;
float: right;
}
.link-style, a {
background-color: transparent;
color: var(--col-link);
-webkit-text-decoration: underline var(--col-link-underline);
text-decoration: underline var(--col-link-underline);
}
a, a:visited {
/* text-decoration: none;
background-size: 20px 20px;
margin-top: 5px;
background-repeat: no-repeat;
color: #0075a9;
font-weight:500;*/
}
a:hover {
text-decoration: none;
}
.entry-content a {
background-image: none;
}
.entry-summary {
padding-bottom: 5px;
margin-bottom: 5px;
}
.entry-summary img {
display: block;
float: left;
}
.alignfull {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
width: auto;
max-width: 1000%;
}
.alignwide {
margin-left: calc(25% - 25vw);
margin-right: calc(25% - 25vw);
width: auto;
max-width: 1000%;
}
.alignwide img,
.alignfull img {
display: block;
margin: 0 auto;
}
/* Gutenberg Text Colors */
.has-primary-color {
color: #e46450;
}
.has-accent-color {
color: #000000;
}
.has-light-gray-color {
color: #ffffff;
}
.has-dark-gray-color {
color: #808080;
}
/* Gutenberg Background Colors */
.has-primary-background-color {
background-color: #e46450;
}
.has-accent-background-color {
background-color: #000000;
}
.has-light-gray-background-color {
background-color: #ffffff;
}
.has-blue-background-color {
background-color: #0075a9;
}
#wrapper {
width: auto;
margin: auto;
text-align: left;
background: #fff;
padding-left: 20px;
}
#branding #searchform {
float:left;
background:white;
margin:7px;
}
.main {
/*width: 73%;*/
width:40rem;
display: block;
max-width: 52rem;
margin-left:auto;
margin-right:auto;
padding-top:7rem;
}
#sidebar {
padding: 10px;
padding-top: 20px;
width: 13.52941176rem;
float: right;
}
#content row {
width: 100%;
float: left;
}
/******* Header ********/
#header {
height: 85px;
background-color: var(--col-white);
border-bottom: 1px solid var(--col-black-20);
left: 0;
overflow: hidden;
padding: 0 1rem;
position: fixed;
top: 0;
transition: transform .4s ease-in-out;
width: 100%;
z-index: 710;
}
#header img {
width:94px;
height:33px;
}
#header .logo svg{
padding:5px;
margin:0px;
}
.v-line{
top: 12%;
left: 12.3rem;
height: 75%;
position: absolute;
border-right: 1px solid var(--col-black-20);
}
}
#header .blogname {
left: 110px;
width: 250px;
padding-top:7px;
margin:0px;
}
#header .blogname h1 a:link, .blogname h1 a:visited {
font-size:18px;
font-family:'ArialMT', 'Arial', sans-serif;
}
#header .blogname h2 {
font-size:11px;
}
#header #hauptmenue {
top:0;
right:0;
height:auto;
position:fixed;
color: var(--col-text);
}
#header #haupmenue #menu a, #haupmenue #menu li ul, #haupmenue #menu ul {
font-size:12px;
}
.logo {
position:absolute;
margin-left:0px;
margin-top:0px;
float:left;
width:10rem;
padding:1rem;
z-index:9999;
}
.logo svg {
margin-left: .58823529rem;
margin-top: 1.17647058rem;
max-height: 3.52941176rem;
max-width: 11.14564705rem;
}
.logo a {
background:none;
height: 0px;
}
.blogname {
position: absolute;
left: 13rem;
width: 9rem;
line-height: 1;
text-align:left;
hyphens:none;
margin-top: 1.2rem;
z-index:9999;
}
.blogname h1 {
padding:0px 0px 0px 0px;
font-weight:normal;
line-height: 1;
margin: 0px;
}
.blogname h2 {
font-size: 1rem;
padding:0px 0px 0px 0px;
font-weight:normal;
color: #000;
margin: 0px;
}
.blogname h1 a:link, .blogname h1 a:visited {
color: var(--col-text);
display: block;
margin: 0px 0 0 0px;
padding: 0px !important;
text-decoration: none;
font-size: 1.266666rem;
background: none;
text-transform: none;
}
.blogname h3 {
margin-top:-5px;
font-size:16px;
font-weight:normal;
color: #000;
padding: 0px !important;
}
.title h1 {
margin: 0px;
padding: 0px;
}
.title {
text-align:center;
}
.headersearch {
text-align: right;
display: block !important;
}
.headersearch input {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: -moz-use-text-color;
border-right-color: -moz-use-text-color;
border-bottom-color: -moz-use-text-color;
border-left-color: -moz-use-text-color;
color: inherit;
}
/******* Menü ********/
input#responsive-nav,
label.responsive-nav-label {
display: none;
}
#hauptmenue {
float:right;
margin-top:5px;
}
#menu { /* im Headerbereich */
text-decoration: none;
display: block;
list-style: none;
letter-spacing: .5px;
}
#menu ul {
/*list-style: inside disc;*/
width: 100%;
}
#menu a, #menu li, #menu a:hover, #menu li:hover {
display:inline;
font-size: var(--small-size-fluid);
padding: .25rem;
color: var(--col-text);
}
#menu li {position:relative;}
#menu li:hover {}
#menu a, #menu li ul, #menu ul {
width: auto;
font-weight:700;
}
#menu a:hover {
text-decoration:underline;
}
#menu .current-menu-item > a {
color: #menu a:hover;
border-top: #menu a:hover;
margin-top: #menu a:hover;
}
#menu a {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
text-decoration:none;
}
#menu ul ul li {
position:relative;
}
/* Beginn Sub-Menü */
#menu ul ul { /*Submenü standardmäßig ausblenden*/
display:none;
position: absolute;
top: 1.3em;
left: 0;
z-index: 99999;
width: auto;
background: var(--col-background);
hyphens:none;
font-size: var(--small-size-fluid);
padding: .25rem;
color: var(--col-text);
border: 1px solid var(--col-black-20);
border-radius: 1rem;
box-shadow: 0 0.5rem 1rem 0 rgba(0,0,0,.2);
height: auto;
margin: 0 auto;
max-width: 23.75rem;
}
#menu ul li:hover > ul {
display:block;
}
#menu li ul li a:link, #menu li ul li a:visited, #menu li ul li a:hover, #menu li ul li a:active {
display: inline-block;
list-style: none;
width: 200px;
position: static;
margin-top: 2px;
font-size:1rem;
}
/* Ende Sub-Menü */
#catmenu{
margin: auto;
padding: 0px 0px;
height:auto;
overflow:hidden;
width:100%;
font-size: 0.6rem;
}
#catmenu ul {
float: left;
margin: 0px;
padding: 0px;
}
#catmenu li {
color:#999999;
float: right;
list-style: none;
margin: 0px;
padding: 0px;
width: 100%;
}
#catmenu li a, #catmenu li a:link, #catmenu li a:visited {
display: block;
font-weight: normal;
padding: .5rem 0;
}
/*Ende unteres Menue*/
/******** Footer ********/
#footer {
clear: both;
height: auto;
padding: 5px 5px 5px 2.94117647rem;
width: 90%;
}
.footers {
clear: both;
height: 5px;
display: block;
width: 100%;
}
.footersidebar{
padding: 0px;
padding-left: 2.94117647rem;
width: 21%;
float: left;
border-top: 1px solid #e0ddd6;
margin: 5px 0 5px auto;
height: auto;
display: block;
position: absolut;
font-size:14.62px;
border-top: 1px solid #e0ddd6;
padding-top: 2.94117647rem;
margin-top: 2.94117647rem;
}
.footersidebar h1, .footersidebar h2, .footersidebar h3, .footersidebar h4, .footersidebar h5{
background: transparent;
font-weight: bold;
margin-bottom: 0.7352941176rem;
font-size: 14.62px;
color: #554f4a;
}
.footersidebar a, .footersidebar li {
display: block;
list-style-type: none;
font-size: 14.62px;
background: none;
padding-left: 0px;
float: left;
text-align: left;
}
.footersidebar a:hover{
text-decoration: none;
}
.footersidebar .hiorgtermine {
padding-bottom:15px;
border-bottom:none;
}
.footersidebar .social-media {
padding:0px;
}
.footerbox {
padding: 5px 5px 5px 20px ;
margin:0px 0px 10px 0px;
background:#fff;
font-size: 0.9rem;
}
.fcred{
width: 75%;
padding-top: 10px;
text-align:left;
margin:10px 0px 10px 0px;
line-height:16px;
font-size: 11.62px;
display:block;
float:left;
}
.fcred a:link, .fcred a:visited {
color: #554f4a;
font-weight: bold;
text-decoration: none;
background-color: transparent;
background: none;
padding-left: 0;
}
.fcred img {
padding: 10px;
margin: 10px;
}
.upbutton {
text-align: right;
width: 20%;
display:block;
float:right;
padding-top: 10px;
margin:10px 0px 10px 10px;
}
.botwid{
float:left;
width:230px;
padding-bottom:30px;
font-size:12px;
margin:20px 0px 0px 15px;
}
.botwid ul {
list-style-type: none;
margin: 0px;
padding: 0px 0px 0px 0px ;
}
.botwid li{
list-style-type: none;
margin-left: 20px;
padding: 0;
}
.botwid ul ul {
list-style-type: none;
margin: 0;
padding: 0px 0px 0px 0px;
background-repeat:no-repeat;
}
.botwid ul ul ul{
list-style-type: none;
margin: 0;
padding: 0;
border:0;
}
.botwid ul ul ul ul{
list-style-type: none;
margin: 0;
padding: 0;
border:0;
}
.botwid ul li {
height:100%;
line-height:18px;
clear: left;
width: 230px;
list-style-type: none;
}
.botwid ul li a:link, .botwid ul li a:visited {
color: #554f4a;
text-decoration: none;
padding: 5px 0px 5px 5px;
display:block;
border-bottom:1px dotted #FFF;
}
.botwid ul li a:hover{
color: #554f4a;
}
.botwid p{
padding: 7px 10px;
margin:0;
}
.botwid table {
width:100%;
text-align:center;
color:#787d7f;
}
/******* Sidebar ********/
.sidebar{
position: relative;
display: inherit;
padding-left: 5px;
width: 13.52941176rem;
float: right;
padding-top:3rem;
}
.hiorgtermine {
border-bottom: 1px solid #CCC;
padding-left:5em;
font-size:13px;
}
.hiorgtermine last-child {
border: none;
}
.hiorg-flatcalendar {
float: left;
font-size: .7em;
display: block;
position: relative;
width: 4.4em;
height: 4.4em;
background-color: #fff;
margin: 0 .7em 0 0;
border-radius: 3px;
box-shadow: 0 0 2px rgba(52,58,67,.1), 0 2px 5px rgba(52,58,67,.08), 0 5px 15px rgba(52,58,67,.08);
overflow: hidden;
-webkit-backface-visibility: hidden;
-webkit-transform: rotate(0) skewY(0);
-webkit-transform-origin: 50% 10%;
transform-origin: 50% 10%;
}
.hiorg-flatcalendar-day {
width: 100%;
font-size: 1.5em;
color: #2f2f2f;
display: block;
font-weight: 700;
font-style: normal;
text-align: center;
}
.hiorg-flatcalendar-month {
width: 100%;
font-size: 1em;
color: #2f2f2f;
display: block;
font-style: normal;
text-align: center;
background-color: #ff0000;
box-shadow: 0 2px 0 #ff0000;
top: 0;
padding: 0;
color: #fff;
line-height: 2em;
font-weight:700;
}
.sidebox{
/*padding: 25px 5px 25px 20px ;
margin:0px 0px 10px 0px;
background:#fff;
font-size: 0.9rem;
border: 1px solid #e46450;
border-radius: 0 1.7647058824rem 0 0;
border-width: 1px 1px 1px 1px;
-webkit-box-shadow: inset 7px 0px 7px 0px rgba(228,100,80,0.7);
-moz-box-shadow: inset 7px 0px 7px 0px rgba(228,100,80,0.7);
box-shadow: inset 7px 0px 7px 0px rgba(228,100,80,0.7);*/
--col-background: var(--col-blue-gradient);
--col-text: var(--col-white);
--col-text-highlight: var(--col-white);
--col-text-shaded: var(--col-white-80);
--col-button-border: var(--col-white);
--col-button-background: var(--col-white);
--col-button-text: var(--col-blue);
--col-link: var(--col-white);
--col-link-underline: var(--col-white);
--col-link-hover: var(--col-white);
--col-headline: var(--col-white);
--col-blockquote: var(--col-black-20);
background: var(--col-background);
border-color: var(--col-button-border);
color: var(--col-text);
padding: 25px 5px 25px 20px ;
margin:0px 0px 10px 0px;
border: 1px solid #e46450;
border-radius: 1.7647058824rem;
border-width: 1px 1px 1px 1px;
font-size: var(--small-max-size);
}
.sidebox h3 {
font-weight:300;
font-size: 18.87px;
}
.sidebox ul {
list-style-type: none;
margin: 0px;
padding: 0px 5px 0px 0px ;
}
.sidebox li{
list-style-type: none;
margin: 0 ;
padding: 0;
}
.sidebox ul ul {
list-style-type: none;
margin: 0;
padding: 0px 0px 0px 0px;
background-repeat:no-repeat;
}
.sidebox ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;
}
.sidebox ul ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;
}
.sidebox ul li {
height:100%;
line-height:18px;
clear:left;
width: 175px;
margin:0px 0px;
list-style-type: none;
}
.sidebox ul li a:link, .sidebox ul li a:visited {
font-size:12px;
color: #0000FF;
border-bottom:1px dotted #0000FF;
text-decoration: none;
padding: 5px 0px 5px 10px;
display:block;
background-image: none;
}
.sidebox li a:link {
background-image: none;
padding-left: 0px;
}
.sidebox ul li a:hover {
color: #cc0000;
}
.sidebox p {
padding: 7px 10px;
margin:0;
}
.sidebox table{
width:100%;
text-align:center;
color:#787d7f;
}
.sidebox tr:nth-child(2n+1) {
background: #f2f7fc;
}
.sidebox th.group {
padding: 9px 24px;
}
.sidebox input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
width: 100% !important;
}
/******* Social Media Icons ********/
.social-media {
margin:0 0 15px 0;
padding:0px 0 0 10px;
}
.social-media div {
transition: background 0.5s ease;
padding:2px;
margin:0 6px 0 0;
text-align:center;
border-radius:4px;
display:inline-block;
}
.social-media div a {
border-bottom:none;
}
.social-media div [class^="icon-"]:before, .social-media div [class*=" icon-"]:before {color:red; float: none !important; margin:0; font-size:18px; line-height:24px; text-shadow:none !important;}
/* Terminsuche Sidebar */
.terminsuche { background-color:#E31722;padding:15px 20px 0px;margin:10px 0px; border: 1px solid #e46450; border-radius: 0 1.7647058824rem 0 0;}
.terminsuche .inputfeld { }
.terminsuche .inputfeld .form-control { background-color:#fff;color:#3b3b3b;height:31px; }
.terminsuche .inputfeld a.button.btn { background-color:#3b3b3b;color:#fff;border-radius:0px;padding:1px 10px;height:31px;line-height:31px; text-transform: uppercase;}
.terminsuche .inputfeld img.icon-terminkalender { float:left;margin-right:10px; }
.terminsuche .inputfeld .inputform{ padding-top:6px; }
.terminsuche .inputfeld .inputform input { line-height:31px;padding:0px 10px;font-size:80%; }
.termin-icon-placeholder { float:right;display:inline-block; }
.termin-icon-placeholder a { margin-left:10px; }
.terminsucheheader {color: #fff; font-size: 16px; text-transform: uppercase;}
.terminsucheort {color: #fff; font-size: 18px; text-transform: uppercase; font-weight: bold; float: left; margin-top: 10px;}
/* Bildergallerie */
.gallery { }
.gallery .gallery-item { }
.gallery-columns-2 .gallery-item { }
.gallery-columns-4 .gallery-item { }
.gallery img { }
.gallery-columns-2 .attachment-medium { }
.gallery-columns-4 .attachment-thumbnail { }
.gallery .gallery-caption { }
.gallery dl, .gallery dt { }
.gallery br+br { }
.gallery { margin: 0 auto 18px; }
.gallery .gallery-item {
float: left;
margin-top: 0;
text-align: center;
width: 17%;
margin: 5px 10px;
}
.gallery img {
box-shadow: 0px 0px 4px #999;
border: 1px solid white;
padding: 3px;
background: #f2f2f2;
}
.gallery img:hover {
background: white;
}
.gallery-columns-2 .attachment-medium {
max-width: 92%;
height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
max-width: 84%;
height: auto;
}
.gallery .gallery-caption {
color: #888;
font-size: 12px;
margin: 0 0 12px;
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }
/******* Container ********/
.left {
width: 100%;
float: left;
}
.right {
width: 20%;
float: right;
}
.breadcontainer {
position: relative;
margin-left: 0px;
margin-top: 5px;
margin-bottom: -20px;
color:#999;
font-size:11px;
}
#theblockcontainer {
width: 100%;
display:inline;
overflow:hidden;
float:left;
}
.theblockleft {
width:23.333333%;
display:inherit;
margin-right: 15px;
overflow:hidden;
background:#fff;
float:left;
padding-right: 5px;
margin-bottom: 15px;
}
.theblockright {
width:23.333333%;
display:inherit;
overflow:hidden;
background:#fff;
float:left;
margin-bottom: 15px;
}
.theblockbottom {
width:100%;
display:inherit;
margin: 10px 0px 0px 10px;
overflow:hidden;
background:#fff;
float:left;
}
.theblockleft img a:link, .theblockright img a:link, .theblockbottom img a:link {
background-image:none;
padding: 0px;
margin: 0px;
}
.theblockleft h1, .theblockright h1, .theblockbottom h1 {
font-size: 1.58rem;
background-image:none;
}
.theblockleft h1 a:link, .theblockright h1 a:link, .theblockbottom h1 a:link {
background-image:none;
padding: 0px;
margin: 0px;
}
.theblockleft a:link, .theblockright a:link, .theblockbottom a:link {
background-image:none;
padding: 0px;
margin: 0px;
}
#hauptblockcontainer {
display:inline;
overflow:hidden;
background:#fff;
}
.row { clear: both; }
.hauptblocklinks, .column1 {
width:49%;
display:block;
float:left;
overflow:hidden;
margin-left:10px;
/*Automatisch an Rahmen anpassen*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 49%;
}
.hauptblockrechts, .column2 {
width:49%;
display:block;
float:right;
overflow:hidden;
padding-left: 8px;
margin-right:10px;
/*Automatisch an Rahmen anpassen*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 49%;
}
.column1, .column2 {
}
.hauptblockrechts img a:link, .hauptblocklinks img a:link {
background-image:none;
padding: 0px;
margin: 0px;
}
.hauptblockrechts h1, .hauptblocklinks h1 {
font-size: 1.58rem;
background-image:none;
}
.hauptblockrechts h1 a:link, .hauptblocklinks h1 a:link {
background-image:none;
padding: 0px;
margin: 0px;
}
.hauptblockrechts a:link, .hauptblocklinks a:link {
background-image:none;
padding: 0px;
margin: 0px;
}
/* Fullwide Startseite DRK */
.subrow {
display: block;
width: 100%;
}
.subrow:after {
clear: both;
}
.subrow h1 a:link {
font-weight: normal;
}
.sc50l, .sc50r {
width: 49%;
display: inherit;
overflow: hidden;
background: #fff;
margin-bottom: 0px;
}
.sc50l {
float: left;
}
.sc50r {
float:right;
}
.sc50l h1, .sc50r h1 {
font-size: 1.58rem;
}
.3blockleft {
width:23.333333%;
display:inherit;
margin-right: 15px;
overflow:hidden;
background:#fff;
float:left;
padding-right: 5px;
margin-bottom: 15px;
}
.3blockright {
width:23.333333%;
display:inherit;
overflow:hidden;
background:#fff;
float:left;
margin-bottom: 15px;
}
/*Fullwide Blocks Layout nur mit rechter Leiste*/
#contentfw {
width: auto;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
display: inherit;
background:#fff;
float: left;
}
.blockfw50 {
width:49%;
float:left;
overflow:hidden;
background:#fff;
display: block;
padding-right: 5px;
}
.blockfw50r {
width:49%;
overflow:hidden;
display: block;
padding-left: 5px;
float: right;
background: #efeeea;
}
.block2016static {
width:100%;
float:left;
overflow:hidden;
background:#fff;
display: block;
padding-right: 5px;
}
/*Blocks Fullwide 3er Layouts*/
.blockfw3 {
width:33%;
display:inline;
padding-right:1%;
overflow:hidden;
background:#fff;
float:left;
}
.blockfw3r {
width:32%;
display:inline;
overflow:hidden;
background:#fff;
float:left;
}
/*Ende Blocks Fullwide*/
/* 2 Block 50|50 mit Menü */
#hauptblockcontainer {
display:inline;
overflow:hidden;
background:#fff;
}
/******* Bilder ********/
img {
border: none;
}
a img {
background-image: none;
padding: 0px;
margin: 0px;
}
.size-large {
margin-left: 0px !important;
margin-right: 0px !important;
}
.artikelbild {
float:left;
margin-right:18px;
width: 35%;
}
img.alignleft {
/*padding: 5px 5px 0px 0px;*/
margin: 0px 5px 5px 0px;
display: inline;
background:#fff;
}
.postimg{
float:left;
margin:10px 10px 10px 0px;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top:-10px;
width: 95%;
height: auto;
}
.alignright {
float: right;
margin: 0px 0px 10px 10px;
}
.alignleft {
float: left;
margin: 0px 10px 10px 0px;
}
.titelbild {
width: 100% !important;
height: auto !important;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
border-radius: 20px;
}
.halbblockbild {
width: 49% !important;
height: auto !important;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
}
.blocksmall {
width: 95%;
height: auto;
}
.blockbig {
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top:-10px;
}
.theblockimg {
width: 348px;
height: 115px;
}
.wp-caption {
background:#fff;
border: 0px solid #ccc;
text-align: left;
padding: 4px 0px 0px 0px;
color: black;
}
.wp-caption img {
margin: 0px 0px 0px 0px;
padding: 0px;
border: 0px;
}
.wp-caption-text {
margin: 0px;
margin-bottom: -10px;
padding: 10px 0px;
font-size: 11px;
position: relative;
bottom: 43px;
background-color: rgba(255,255,255,0.8);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wp-block-image figcaption {
align-self: right;
margin-bottom: 1em;
bottom: 26px;
position: relative;
margin-top: -41px;
margin-bottom: -41px;
background: rgba(255,255,255,.8);
color: #000;
padding: .29411764rem .29411764rem;
font-size: .64705882rem;
right: revert;
left: revert;
display: inline-flex;
text-align: center;
box-sizing: border-box;
width: auto;
}
.titelbildcaption img {
position: relative;
box-sizing: border-box;
padding: 0px;
margin: 0px;
border: 0px;
width: 100%;
height: auto;
object-fit: cover;
object-position: center;
max-height: 450px;
margin-bottom: 25px;
border-radius: 25px;
}
.thumbnailcaption {
background-color: rgba(255,255,255,0.9);
border: 0px solid #ccc;
text-align: left;
color: #e46450;
margin-top: -41px;
margin-bottom: -41px;
font-size: 1.58rem;
position: relative;
width: 32%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 60%;
padding: 10px;
left: 8.3333333333%;
line-height: 1.26;
bottom: 90px;
}
.wp-block-image img {
max-width: 100%;
height: auto;
border-radius: 20px;
}
/******* Formular ********/
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
display: block;
height: 34px;
padding: 0px 12px;
font-size: 14px;
line-height: 1.42857;
color: #555555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
width: 50%;
}
textarea {
height:auto !important;
}
.slicknav_menu {
display:none;
}
/*********** Responsive ************/
@media only screen and (max-width: 700px) {
body {
font-size: 0.9rem;
}
.main, .right, .left, #contentfw, .sidebar, .footersidebar, .sidebox, .column1, .column2, .terminsucheheader, .blockfw50, .blockfw50r, .theblockleft, .theblockright, .hauptblockrechts, .hauptblocklinks, .blockfw3r, .blockfw3, .sc50l, .sc50r, .block2016news, .block2016static, .column1, .column2, .row, .fcred, .upbutton, .beitrag {
width: 100% !important;
display: block;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
border: none;
float: left;
background-image:none;
/*Automatisch an Rahmen anpassen*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
padding:0px !important;
}
.theblockleft img, .theblockright img {
width:100%;
height:auto;
}
.titelbildcaption {
padding-top:60px;
}
.sidebox {
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.posts .post{width:100%;}
.column1, .column2 {
padding:5px;
}
h1, h1 a:link, .sc50l h1, .sc50r h1, .blockfw50 h1, .blockfw50r h1, .theblockleft h1, .theblockright h1, .hauptblockrechts h1, .hauptblocklinks h1, .blockfw3r h1, .blockfw3 h1, .block2016news h1, .block2016static h1, .sidebar h1 {font-size:26px;}
h2, h2 a:link, .sc50l h2, .sc50r h2, .blockfw50 h2, .blockfw50r h2, .theblockleft h2, .theblockright h2, .hauptblockrechts h2, .hauptblocklinks h2, .blockfw3r h2, .blockfw3 h2, .block2016news h2, .block2016static h2, .sidebar h2 {font-size:24px;}
h3, h3 a:link, .sc50l h3, .sc50r h3, .blockfw50 h3, .blockfw50r h3, .theblockleft h3, .theblockright h3, .hauptblockrechts h3, .hauptblocklinks h3, .blockfw3r h3, .blockfw3 h3, .block2016news h3, .block2016static h3, .sidebar h3 {font-size:20px;}
h1, h2, h3, h4, h5, h6 {
text-decoration: none;
}
a.button1 {
/*Automatisch an Rahmen anpassen*/
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
}
h1.entry-title {
padding: 40px 0px 0px 0px !important;
}
.entry-title {
font-size: 20px;
}
.gallery .gallery-item {
width: 40%;
}
.gallery img {
width: 50%;
height: 50%;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
width: auto !important;
}
.time, .date {
font-size: 9px;
padding-bottom: 5px;
padding-top: 0px;}
#footer {
width: auto;
}
#header {
position: fixed;
background: white;
width:100%;
top:0;
left:0;
height:40px;
z-index:1;
margin-right:10px;
padding-right:10px;
border-bottom: 1px solid var(--col-black-20);
transform-origin: left top;
}
.v-line {
top: 12%;
left: 8rem;
height: 75%;
position: absolute;
border-right: 1px solid var(--col-black-20);
}
#header img {
width:94px;
height:33px;
}
#header .logo svg{
height:1.76470588rem;
top: 0;
width:5rem;
position: absolute;
margin-left: 0px;
margin-top: 0px;
float: left;
z-index: 9999;
}
#header .blogname {
left: 8.5rem;
width: auto;
padding-top:7px;
margin:0px;
font-size:10px;
}
#header .blogname h1 a:link, .blogname h1 a:visited {
font-size:0.9rem;
font-weight: 300;
width: 75%;
}
.blogname h1 a:link, .blogname h1 a:visited {
font-size:0.9rem;
font-weight: 300;
width: 75%;
}
#header #hauptmenue {
top:0;
right:0;
height:39px;
position:fixed;
margin: -20px -5px;
padding-right: 5px;
}
#header #haupmenue #menu a, #haupmenue #menu li ul, #haupmenue #menu ul {
font-size:12px;
}
.postimg, .artikelbild, .halbblockbild, .halbblockbild a, .postimg a, .artikelbild a, .postimg a:visited, .artikelbild a:visited, img.alignleft, img.alignright, img.aligncenter, .alignleft, .alignright, .aligncenter, .sidebox img {
width: 100% !important;
height: auto;
display: block;
text-align: center;
}
.wp-caption p.wp-caption-text, .wp-caption-text{
display: none;
}
table {width:100%;}
thead {display: none;}
tr:nth-of-type(2n) {background-color: inherit;}
tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;}
tbody td {display: block; text-align:center;}
tbody td:before {
content: attr(data-th);
display: block;
text-align:center;
}
.slicknav_menu {
padding-bottom:10px;
}
.thumbnailcaption, .breadcontainer {
display: none !important;
height: 0px !important;
border: none !important;
}
}
/* Print Styles */
@media print {
body { background:white; color:black; margin:0; width:100%; font-size:12px;}
.sidebar {display:none;}
.right {display:none;}
.titelbildcaption {display:none;height:0px;}
.thumbnailcaption {display:none;}
#header.sticky {display:none;}
#footer, .footersidebar {display:none;}
#hauptmenue {display:none;}
#menue {display:none;}
.main, .right, .left, .column1, .column2, .blockfw50, .blockfw50r, .theblockleft, .theblockright, .hauptblockrechts, .hauptblocklinks, .blockfw3r, .blockfw3, .sc50l, .sc50r, .block2016news, .block2016static, .row, .blockfw3, .blockfw3r, .beitrag {
width: 100% !important;
display: block;
/*Automatisch an Rahmen anpassen*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
padding:5px !important;
}
}