@import url("https://fonts.googleapis.com/css?family=PT+Sans:400,700");
.block-kreismenu {
padding: 2rem 0;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 900px) {
.block-kreismenu {
padding-left: 1rem;
padding-right: 1rem;
}
}
@media screen and (min-width: 1600px) {
.block-kreismenu {
max-width: 1200px;
}
}
@media screen and (min-width: 2000px) {
.block-kreismenu {
max-width: 1600px;
}
}
.block-kreismenu .reihe {
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction: row;
}
.block-kreismenu .reihe .link {
margin: 1rem;
width: 21%;
text-decoration: none;
color: #fdc300;
}
.block-kreismenu .reihe .link .image {
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: auto;
padding-bottom: 100%;
width: 100%;
border-radius: 100%;
margin-bottom: 0.5rem;
overflow: hidden;
transition: 0.3s ease all;
}
.block-kreismenu .reihe .link:hover .image {
transform: translateY(-2px);
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.15), 0 10px 10px rgba(0, 0, 0, 0.12);
}
@media screen and (max-width: 850px) {
.block-kreismenu .reihe .link {
width: 35%;
}
}
@media screen and (max-width: 450px) {
.block-kreismenu .reihe .link {
width: 100%;
}
}
.block-naechster-anlass .yellow {
background-color: #fdc300;
padding: 2rem 0;
}
.block-naechster-anlass .yellow h2 {
color: white;
}
.block-naechster-anlass .yellow .anlass {
margin-top: 1rem;
margin-left: auto;
margin-right: auto;
}
.block-naechster-anlass .yellow .anlass .bild {
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 15rem;
width: 15rem;
margin: 0 auto;
border-radius: 100%;
}
.block-naechster-anlass .yellow .anlass .text {
margin-top: 1rem;
}
.block-naechster-anlass .yellow .anlass .text .title {
color: white;
font-size: 1.5rem;
}
.block-naechster-anlass .yellow .anlass .text a {
color: white;
}
.block-naechster-anlass .yellow .anlass .text a:hover {
color: white;
}
@media screen and (max-width: 1000px) {
.block-naechster-anlass .yellow .anlass {
width: 33%;
}
}
@media screen and (max-width: 700px) {
.block-naechster-anlass .yellow .anlass {
width: 50%;
}
}
@media screen and (max-width: 500px) {
.block-naechster-anlass .yellow .anlass {
width: 100%;
}
}
.block-news .content {
width: 90%;
margin-left: auto;
margin-right: auto;
padding-top: 3rem;
padding-bottom: 3rem;
}
.block-news .content h2 {
margin-bottom: 1.5rem;
}
.block-news .content .beitrag {
padding: 0 2rem;
color: #646363;
}
.block-news .content .beitrag .image {
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: auto;
padding-bottom: 56%;
}
.block-news .content .beitrag .meta {
border-bottom: 1px solid rgba(253, 195, 0, 0.6);
margin: 0.5rem 0;
}
.block-news .content .beitrag .meta .tags ul {
display: flex;
padding-left: 0;
list-style-type: none;
margin-bottom: 0;
justify-content: center;
}
.block-news .content .beitrag .meta .tags li {
padding-right: 5px;
}
.block-news .content .beitrag .meta .tags li a {
pointer-events: none;
color: #fdc300;
text-decoration: none;
}
.block-news .content .beitrag .meta .tags li a::before {
content: "#";
display: initial;
background: none;
height: auto;
width: auto;
}
.block-news .content .beitrag .content {
margin-bottom: 0.5rem;
}
.block-news .content .beitrag .content h4 {
color: #fdc300;
}
.block-news .content .beitrag .content .excerpt {
font-size: 1.25rem;
font-weight: 300;
}
.block-news .content .beitrag .content .excerpt p {
margin-bottom: 0;
}
.block-news .content .beitrag a {
padding-top: 0.5rem;
color: #fdc300;
text-decoration: underline;
}
.block-news .content .beitrag a:hover {
color: #fdc300;
}
.block-news .content .custom-arrow {
position: absolute;
top: 50%;
color: #fdc300;
transform: translateY(-50%);
z-index: 1;
cursor: pointer;
font-size: 1.5rem;
}
.block-news .content .custom-arrow.custom-arrow-left {
left: 14px;
transition: 0.3s ease;
}
.block-news .content .custom-arrow.custom-arrow-right {
right: 14px;
transition: 0.3s ease;
}
.block-kalender {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 900px) {
.block-kalender {
padding-left: 1rem;
padding-right: 1rem;
}
}
@media screen and (min-width: 1600px) {
.block-kalender {
max-width: 1200px;
}
}
@media screen and (min-width: 2000px) {
.block-kalender {
max-width: 1600px;
}
}
.block-kalender .reihe {
display: flex;
}
.block-kalender .reihe .events-calendar {
width: 70%;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 750px) {
.block-kalender .reihe .events-calendar {
width: 100%;
}
}
.block-kalender .fc h2 {
font-size: 2rem;
}
.block-kalender .fc-toolbar.fc-header-toolbar {
margin-bottom: 0;
}
.block-kalender .events-calendar {
position: relative;
margin-bottom: 2rem;
}
.block-kalender .events-calendar .custom_arrows {
position: absolute;
top: 0;
width: 100%;
}
.block-kalender .events-calendar .custom_arrows .komm-slick-arrow {
height: 1.5rem;
width: 1.5rem;
border-left: 2px solid #fdc300;
border-bottom: 2px solid #fdc300;
position: absolute;
top: 0.5rem;
}
.block-kalender .events-calendar .custom_arrows .komm-slick-arrow.next {
transform: rotate(-135deg);
right: 1rem;
}
.block-kalender .events-calendar .custom_arrows .komm-slick-arrow.prev {
transform: rotate(45deg);
left: 1rem;
}
.block-kalender .events-calendar > * {
transition: 0.2s;
}
.block-kalender .events-calendar.loading {
pointer-events: none;
}
.block-kalender .events-calendar.loading > * {
opacity: 0.5;
}
.block-kalender .events-calendar.loading .loader {
opacity: 0.8;
}
.block-sonntagsbrunch table tr td, .block-sonntagsbrunch table tr th {
padding: 0.2rem 1.5rem;
}
@media screen and (max-width: 700px) {
.block-sonntagsbrunch table tr td, .block-sonntagsbrunch table tr th {
padding: 0.2rem 0.5rem;
}
}
.block-aktuelle-anlaesse {
background-color: #fdc300;
padding-top: 3rem;
padding-bottom: 3rem;
}
.block-aktuelle-anlaesse h2 {
color: white;
}
.block-aktuelle-anlaesse .reihe {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.block-aktuelle-anlaesse .reihe .anlass {
margin-top: 1rem;
width: 25%;
}
.block-aktuelle-anlaesse .reihe .anlass .bild {
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 15rem;
width: 15rem;
margin: 0 auto;
border-radius: 100%;
}
.block-aktuelle-anlaesse .reihe .anlass .text {
margin-top: 1rem;
}
.block-aktuelle-anlaesse .reihe .anlass .text .title {
color: white;
font-size: 1.5rem;
}
.block-aktuelle-anlaesse .reihe .anlass .text a {
color: white;
}
.block-aktuelle-anlaesse .reihe .anlass .text a:hover {
color: white;
}
@media screen and (max-width: 1000px) {
.block-aktuelle-anlaesse .reihe .anlass {
width: 33%;
}
}
@media screen and (max-width: 700px) {
.block-aktuelle-anlaesse .reihe .anlass {
width: 50%;
}
}
@media screen and (max-width: 500px) {
.block-aktuelle-anlaesse .reihe .anlass {
width: 100%;
}
}
.block-vergangene-anlaesse {
padding: 3rem 0;
}
.block-vergangene-anlaesse .content .reihe {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.block-vergangene-anlaesse .content .reihe .anlass {
margin-top: 1rem;
width: 25%;
}
.block-vergangene-anlaesse .content .reihe .anlass .bild {
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 15rem;
width: 15rem;
margin: 0 auto;
border-radius: 100%;
}
.block-vergangene-anlaesse .content .reihe .anlass .text {
margin-top: 1rem;
}
.block-vergangene-anlaesse .content .reihe .anlass .text .title {
color: #fdc300;
font-size: 1.5rem;
}
.block-vergangene-anlaesse .content .reihe .anlass .text a {
color: #fdc300;
}
.block-vergangene-anlaesse .content .reihe .anlass .text a:hover {
color: #fdc300;
}
@media screen and (max-width: 1000px) {
.block-vergangene-anlaesse .content .reihe .anlass {
width: 33%;
}
}
@media screen and (max-width: 700px) {
.block-vergangene-anlaesse .content .reihe .anlass {
width: 50%;
}
}
@media screen and (max-width: 500px) {
.block-vergangene-anlaesse .content .reihe .anlass {
width: 100%;
}
}
.block-team .reihe {
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction: row;
margin-bottom: 2rem;
}
.block-team .reihe .person {
width: 23%;
margin: 3rem 0.5rem;
position: relative;
border-radius: 50%;
overflow: hidden;
}
.block-team .reihe .person .bild {
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-bottom: 100%;
}
.block-team .reihe .person .content {
padding: 1.5rem 2rem 2rem 2rem;
background-color: #fdc300;
text-align: center;
color: white;
font-size: 1.5rem;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.block-team .reihe .person .content > .name {
min-height: 1.5rem;
}
.block-team .reihe .person .content > .phone {
min-height: 1.5rem;
color: white;
text-decoration: underline;
}
.block-team .reihe .person .content::before {
position: absolute;
top: 0.25rem;
width: 100%;
content: "";
display: block;
left: 0;
right: 0;
border-top: 6px dotted white;
}
@media screen and (max-width: 1550px) {
.block-team .reihe .person {
width: 29%;
}
}
@media screen and (max-width: 1150px) {
.block-team .reihe .person {
width: 40%;
}
}
@media screen and (max-width: 800px) {
.block-team .reihe .person {
width: 75%;
}
.block-team .reihe .person .name .text {
font-size: 1.15rem;
}
}
.wpcf7-form {
text-align: left;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding: 1rem;
}
.kp-form-grid {
display: grid;
grid-gap: 1rem;
grid-template-columns: 1fr 1fr;
}