/*
Theme Name: TravelSystem

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*******************************wp css*************************************/


p {line-height: 1.6; margin: 12px 0;text-align: left;font-size: 16px}
.Content ul {
    list-style-type: disc;
    padding-left: 20px
}
li {
    line-height: 1.6; margin: 8px 0;text-align: left;font-size: 16px
}
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

img {max-width: 100%; width: auto; height: auto}
/* Text meant only for screen readers. */


.clear_0 {clear: both;display: block}
.Content:after {content: "";  clear: both;display: block}
*{box-sizing: border-box}
body{background: #fff;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12;    background-size: cover;
    background-repeat: no-repeat;    background-position: center top;}
strong {font-weight: 700}

a {font-size: inherit; font-weight: inherit; color: inherit;}
h3 {margin: 20px 0 8px; font-size: 19px; font-weight: 700; letter-spacing: 0.02em; line-height: 1.4}
.wrapper {width: 100%; padding: 0 15px; margin: 0 auto; max-width: 1060px}
.headerImage img {width: 100%; height: 200px; display: block; object-fit: cover; border-radius: 8px; border: 1px solid #000; box-shadow: 0 2px 12px rgba(0,0,0,0.08); }
.headerImage:after {content: ""; clear: both; display: block}
.mainMenu {padding: 10px 0; position: relative; z-index: 999}
.mainMenu nav {background: transparent; border-radius: 0;}
.mainMenu nav > ul > li:first-child {border-radius: 8px 0 0 8px}
.mainMenu nav > ul > li:last-child {border-radius: 0 8px 8px 0}
.mainMenu nav > ul {position: relative; border-radius: 8px}
.mainMenu nav > ul > li { text-align: center;position: relative; transition: all ease 0.3s ; display: table-cell}

.mainMenu nav > ul > li:after {content: ""; display: block;width:1px; height: 100%; }
.mainMenu nav > ul > li > a { padding: 10px;display: block; font-weight: 400; color:#fff; font-size: 14px;text-decoration: none}
.mainMenu nav > ul {display: table; width: 100%; align-items: center; justify-content: space-between}
.mainMenu nav > ul > li  ul  li a {font-weight: 400; color:#fff; font-size: 14px; white-space: nowrap; text-decoration: none}
.mainMenu nav > ul > li > ul > li {text-align: left;padding: 1px;}
.mainMenu nav > ul > li > ul {background: #6F6F6F; display: none; position: absolute;left: 0; right: 0}
.mainMenu nav > ul > li:after {content: "";display: block;width: 1px;height: calc(100% - 10px);position: absolute;
    background: #6F6F6F;top: 50%;  transform: translateY(-50%);}
.mainMenu nav > ul > li:first-child:after {display: none}
.mainMenu nav > ul > li > ul > li  {position: relative}
.mainMenu nav > ul > li  ul  li  a {display: block; padding: 7px}
.mainMenu nav > ul > li  ul > li  ul {position: absolute; left: 100%;display: none;top:0;width: 100%;}
.latestNews h2 {margin-bottom:0px !important; font-size:1.5em}
/* Farben fuer titleBar/titleBar1/titleBarStatic kommen von ACF inline styles in header.php */
.titleBar, .titlebar, .titleBarStatic {min-height: 30px; position: relative; padding: 12px 24px; border-radius: 8px 8px 0 0}

.titleBar1 {padding: 12px 30px; border-radius: 8px 8px 0 0}
.titlebar + .searchBox .titleBar1, .titleBar + .searchBox .titleBar1 {border-radius: 0}

.titleBar, .titlebar, .titleBar1, .titleBarStatic h1, .titleBarStatic h2, .titleBarStatic h3 { font-weight: 700; font-size: 18px; line-height: 1.4; letter-spacing: 0.03em}
.Content {background: #fff; padding:26px 28px; border: 1px solid #000; border-top:0; margin-bottom: 24px; font-size: 16px; color:#1a304d; border-radius: 0 0 8px 8px; box-shadow: 0 2px 12px rgba(0,0,0,0.08)}
.Content:first-of-type.noHeadlin {border-top:0px solid #000}
.Content.noHeadlin {border-top:1px solid #000; border-radius: 0 0 8px 8px }
.searchBox .Content.noHeadlin {border-top:1px solid #000; border-radius: 0 0 8px 8px }
.icon.icon-angle-down {    width: 15px;   height: 15px;   display: inline-block;    vertical-align: middle;
    margin-left: 5px;}
.col2 {width:50%; float: left;}
.col2 > .row {margin-bottom: 8px; display: flex} 

select, input.Text {  width: auto; font-family: inherit; color: #1a304d;
    font-size: 14px; font-weight: normal; margin: 0 0 4px 0;  background: #fff;  border: 1px solid #bbb;
    padding: 6px 8px; border-radius: 4px; outline: none; transition: border-color 0.2s}
select:focus, input.Text:focus {border-color: #4a90c4; box-shadow: 0 0 0 2px rgba(74,144,196,0.15)}
select {cursor: pointer}
.searchBtn {display: inline-block; padding: 10px 32px; font-size: 16px; font-weight: 600; border: none; border-radius: 6px; cursor: pointer; letter-spacing: 0.02em; transition: filter 0.2s, transform 0.1s; margin-top: 8px}
.searchBtn:hover {filter: brightness(0.85)}
.searchBtn:active {transform: scale(0.97)}

.col2 span.label {    width: 90px;}
.reiseziele .Content {column-count: 3; column-gap: 32px;}
.reiseziele .Content > p:empty {display: none;}
.reiseziele .rz-group {break-inside: avoid; margin-bottom: 16px;}
.reiseziele .rz-group h4 {font-weight: 700; font-size: 15px; margin-bottom: 6px; padding-bottom: 4px; border-bottom: 1px solid rgba(0,0,0,0.08);}
.reiseziele .rz-group ul {list-style: none; padding: 0; margin: 0 0 4px;}
.reiseziele .rz-group ul li {margin: 4px 0; line-height: 1.4}
.reiseziele .rz-group ul li a:before {content: "\00BB"; display: inline-block; color: #FF9900; font-size: 14px; margin-right: 5px; font-weight: bold;}

/* Kooperationsseite */
.kooperation-page p {margin: 0 0 16px; line-height: 1.7; color: #374151;}
.kooperation-page h2 {font-size: 19px; margin: 28px 0 12px; color: #1a1a1a; padding-top: 4px; border-top: 1px solid #e5e7eb;}
.kooperation-page h2:first-of-type {border-top: none; margin-top: 4px;}
.koop-intro {font-size: 15px; line-height: 1.8; margin-bottom: 24px !important; color: #374151;}
.koop-stats {display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 8px 0 28px;}
.koop-stat {background: linear-gradient(135deg, #f8fafc, #f1f5f9); border-radius: 10px; padding: 18px 12px; text-align: center; border: 1px solid #e2e8f0;}
.koop-stat-value {display: block; font-size: 26px; font-weight: 700; color: #0f172a; margin-bottom: 4px; line-height: 1.2;}
.koop-stat-label {font-size: 11px; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; line-height: 1.3;}
.kooperation-page .koop-options, .kooperation-page .koop-benefits {margin: 8px 0 18px 20px; line-height: 1.8;}
.koop-options li, .koop-benefits li {margin: 8px 0; color: #374151;}
.koop-options li strong {color: #0f172a;}
.koop-form {max-width: 540px; margin-top: 16px; padding: 24px 28px 20px; background: #f8fafc; border-radius: 10px; border: 1px solid #e2e8f0;}
.koop-field {margin-bottom: 16px;}
.koop-field label {display: block; font-weight: 600; font-size: 14px; margin-bottom: 5px; color: #374151;}
.koop-field input, .koop-field textarea {width: 100%; padding: 10px 14px; border: 1px solid #cbd5e1; border-radius: 6px; font-size: 15px; font-family: inherit; background: #fff; box-sizing: border-box;}
.koop-field input:focus, .koop-field textarea:focus {outline: none; border-color: #3b82f6; box-shadow: 0 0 0 2px rgba(59,130,246,0.12);}
.koop-hinweis {font-size: 13px; color: #64748b; margin-top: 4px; margin-bottom: 16px;}
.koop-hinweis a {color: #2563eb; text-decoration: underline;}
.koop-success {background: #ecfdf5; border: 1px solid #6ee7b7; padding: 16px 20px; border-radius: 8px; color: #065f46; margin-bottom: 18px;}
.koop-error {background: #fef2f2; border: 1px solid #fca5a5; padding: 16px 20px; border-radius: 8px; color: #991b1b; margin-bottom: 18px;}

.moretag {display: inline;    text-decoration: underline;    font-size: 12px;    color: #2EA0D6;    font-weight: 700;}

.postList h4 a {font-size: medium; font-weight: 700; margin-top: 5px;  text-decoration: none;   color: #235587;
}
.pdate {font-weight: 600; text-align: right;  line-height:10px; color: #999;  text-transform: lowercase;  display: block;
    border-bottom: 1px solid #ddd; margin: 10px 0 10px 0;  padding: 10px 12px 0 0;  font-size: 11px;}
.postArticle {margin: 0px 0 40px;}
.postArticle:after {clear: both; display: block;content: "";}
.titleBar, .titlebar {margin-bottom: 0px!important;}
.orange {
    color: #1A304D;
    border: solid 1px #D7B18E;
    background: #D7C08E;
}

.button {margin: 5px; display: inline-block; outline: none;  cursor: pointer; text-align: center;   text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 0.5em .5em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);   -webkit-border-radius: .3em; -moz-border-radius: .3em;
    border-radius: .3em;  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);    box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.mainMenu:after {content: ""; display: block;clear: both}
.menuBtn {
    z-index: 9999;
    display: none;
    margin-top: -180px;
    right: 0;
    float: right;
    padding: 10px 5px;
    border-radius: 5px;
    border: 1px solid #000;
    margin-right: 5px;
    background: #fff;
    position: relative;
}

#nav-icon3 span:nth-child(1) {
  top: 0
}
#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
  top: 7px
}
#nav-icon3 span:nth-child(4) {
  top: 14px
}
#nav-icon3.open span:nth-child(1),
#nav-icon3.open span:nth-child(4) {
  top: 14px;
  width: 0;
  left: 50%
}
#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}
#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
#nav-icon3 {
        width: 28px;
    height: 15px;
  margin: 0;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer
}
#nav-icon3 span {
  display: block;
  position: absolute;
  height:2px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out
}

.postArticle .searchBox {display: block;}
.page-numbers {
    background: #2EA0D6;
    padding: 4px 0;
    width: 20px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
        vertical-align: middle;
}
.nav-links {text-align: center}
.page-numbers svg {width: 15px; height: 12px; fill:#fff}
.next.page-numbers {}
.navigation.pagination {margin-bottom: 50px;}
.wp-block-image {margin-bottom: 0!important}

h2{    font-size: 24px;   margin-bottom: 20px;}
.searchpage .postArticle {background: #fff;}


/****/

.mainMenu nav > ul > li > ul {right: auto; min-width: 200px;}
/*.mainMenu nav > ul > li > ul:after {position: absolute; content:""; display: block;background: #000; left: 0; right: 0; top:0}*/
.mainMenu nav > ul > li > ul > li > ul > li > ul {left: 100%; position: absolute;display: none}
.mainMenu nav > ul > li > ul  li {position: relative}
#breadcrumbs a, #breadcrumbs strong{font-size: 12px;}
#breadcrumbs {margin-top: 0px;}
/*
.childPage > ul {padding-left: 15px;}
.childPage > ul > ul {padding-left: 15px;}*/
/*.Content, .Content p, .Content li, .Content a {word-break: break-all} */
.Content p, .Content li { overflow-wrap: break-word; word-wrap: break-word; }
.searchBox {margin-bottom: 20px;}
/* searchbox geschlossen
.searchBox .Content {display: none;margin-bottom: 0}
*/

.searchBox .Content {display: block;margin-bottom: 20px}
.searchBox .titleBar1 {position: relative; cursor: pointer}
.searchBox .titleBar1:after {content: "";display: block;width:24px; height: 24px; position: absolute; right: 20px; top:50%; transform: translateY(-50%); background: url(assets/images/chevron-down.png) no-repeat; transition: all ease 0.3s; background-position: center; opacity: 0.8; background-size: contain}
.searchBox .titleBar1.tabOpen:after {transform: translateY(-50%) rotate(-180deg);} 
.postImages img {width:auto;display: inline-block;    width: calc(33.33% - 8px); margin-right: 8px;  margin-bottom: 8px}
.postImages {margin-bottom: 20px;     text-align: center;}
.mapImg {float:right;     margin: 4px 3px 1px 5px;}
.wetterImages {text-align: center; margin-bottom:20px} 
.klimatabelleImage {text-align: center}
/* Klimatabelle Mini Chart */
.klima-chart {margin:18px 0;padding:14px 10px 10px;background:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.08);overflow-x:auto}
.klima-title {font-size:15px;font-weight:600;margin-bottom:10px;text-align:center}
.klima-bars {display:flex;gap:2px;height:130px;padding:0 2px}
.klima-bars>.klima-row-label {flex:none;width:44px}
.klima-col {flex:1;display:flex;flex-direction:column;align-items:center;min-width:22px}
.klima-val {font-size:10px;font-weight:600;color:#333;line-height:1}
.klima-col-bars {flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%}
.klima-bar {width:100%;max-width:28px;border-radius:3px 3px 0 0;min-height:4px}
.klima-bar.klima-water {border-radius:0 0 3px 3px;margin-top:2px}
.klima-wval {font-size:9px;color:#888;line-height:1;margin-top:1px}
.klima-month {font-size:10px;color:#666;margin-top:3px;line-height:1}
.klima-col {cursor:default}
.klima-legend {display:flex;justify-content:center;gap:14px;font-size:11px;color:#555;margin:4px 0 6px}
.klima-legend i {display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:3px;vertical-align:-1px}
.klima-extra {margin-top:6px;border-top:1px solid #eee;padding-top:6px}
.klima-row {display:flex;font-size:10px;color:#555;line-height:1.8;gap:0}
.klima-row span {flex:1;text-align:center;min-width:22px}
.klima-row .klima-row-label {flex:none;width:44px;font-weight:600;text-align:left;white-space:nowrap}
@media(max-width:600px){.klima-bars{height:100px}.klima-val{font-size:9px}.klima-month{font-size:9px}.klima-chart{padding:10px 6px 8px}}
.customButtons {text-align: left; margin-top: 20px; display: flex; gap: 10px; flex-wrap: wrap}
.customBtn {display: inline-block; padding: 9px 22px; font-size: 15px; font-weight: 600; border-radius: 6px; text-decoration: none !important; letter-spacing: 0.02em; transition: filter 0.2s, transform 0.1s}
.customBtn:hover {filter: brightness(0.85); text-decoration: none !important}
.customBtn:active {transform: scale(0.97)}


.wpb_page_list {
float:left;
list-style: none !important;
}

.wpb_page_list li { float:left; width: 250px; }

.wpb_page_list li a:before {
    content: "»";
    display: inline-block;
    color: #FF9900;
    font-size: 14px;
    margin-right: 5px;
    font-weight: bold;
}

footer { background-color:#fff; padding:16px; border-radius: 8px; margin-top: 12px; box-shadow: 0 1px 6px rgba(0,0,0,0.08)}

/* Popup-Stil */
#error-report-popup {
    display: none;
    position: fixed;
    width: 340px;
    max-width: 90vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 20px;
    z-index: 1000;
}

#error-report-popup .h-captcha {
    margin-bottom: 15px;
}

/* Formular-Stil */
#error-report-form {
    display: flex;
    flex-direction: column;
}

#error-report-form label {
    margin-bottom: 5px;
    font-weight: bold;
}

#error-report-form input[type="text"],
#error-report-form input[type="email"],
#error-report-form textarea {
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

#error-report-form textarea {
    resize: vertical;
}

#error-report-form textarea#report-message {
    resize: vertical;
    height: 200px; /* Doppelte Höhe */
}
/* Button-Stil */
#error-report-form input[type="submit"] {
    cursor: pointer;
    background-color: #007BFF;
    color: white;
    border: none;
    border-radius: 5px;
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

#error-report-form input[type="submit"]:hover {
    background-color: #0056b3;
}

/* Checkbox und Label auf einer Zeile */
#error-report-form {
    display: flex;
    flex-direction: column;
}

#error-report-form #privacy-checkbox-container {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

#error-report-form #privacy-checkbox {
    margin-right: 5px;
}

#error-report-form label[for="privacy-checkbox"] {
    margin: 0;
}

/* FAQ Styling - Ultra Clean */
.Content .faq-section {
    margin: 0;
    padding: 0;
}

.Content .faq-section > h3 {
    display: none;
}

.Content .faq-item {
    margin: 0 0 20px 0;
    padding: 0;
}

.Content .faq-item h4 {
    margin: 0 0 8px 0;
    padding: 0;
    color: #1a304d;
    font-size: 15px;
    font-weight: bold;
}

.Content .faq-item p {
    margin: 0 0 20px 0;
    color: #1a304d;
    font-size: 14px;
    line-height: 1.6;
    text-align: justify;
}

/* ========== Responsive (integriert aus responsive.css) ========== */
@media only screen and (min-width:1024px){
.mainMenu nav > ul > li:hover {background: #45c3f6;}
}
@media only screen and (min-width:1025px){
.mainMenu nav {display:block!important}
}
@media only screen and (max-width:1024px){
    .mainMenu nav > ul > li > ul > li > ul > li > ul {position: unset}
    .mainMenu nav > ul > li {display: block}
    .mainMenu nav {display: none;}
    .menuBtn {display: block;}
    .icon.icon-angle-down {margin-right: -22px; margin-left: 10px; border: 1px solid #000; width: 22px; height: 22px; padding: 1px;}
    .mainMenu nav > ul > li > a {display: inline-block}
    .mainMenu nav > ul {display: block; padding: 10px 0}
    .mainMenu nav > ul > li ul, .mainMenu nav > ul > li > ul > li > ul {position: unset; text-align: center}
    .mainMenu nav > ul > li > ul > li {text-align: center; padding: 0}
    .mainMenu nav > ul > li ul li a {color: #fff}
    .mainMenu nav > ul ul:before {content: ""; z-index: 1; display: block; top:0;left: 0; width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,0.1)}
    .mainMenu nav ul li:after {content: ""; display: block; position: absolute; background: #45c3f6; width: 50px;top: 0; transform: translate(-50%,0%);left: 50%;height: 1px;}
    .mainMenu nav > ul > li > ul li {z-index: 999}
    .mainMenu nav ul li {position: relative}
    .mainMenu nav {max-width: 300px;width: 100%;position: absolute; right: 0; top:0px; border: 1px solid #333; border-radius: 0;}
    .mainMenu nav > ul > li:first-child, .mainMenu nav > ul > li:last-child {border-radius: 0}
}
@media only screen and (max-width:767px){
    .headerImage img {height: 180px;}
    .menuBtn {margin-top: -160px;}
    .Content {padding: 16px 18px; border-radius: 0 0 6px 6px;}
    .titleBar, .titlebar, .titleBarStatic, .titleBar1 {padding: 10px 18px; font-size: 16px; border-radius: 6px 6px 0 0;}
    .titlebar + .searchBox .titleBar1, .titleBar + .searchBox .titleBar1 {border-radius: 0}
    .Content.noHeadlin {border-radius: 0 0 6px 6px;}
    .wpb_page_list li {width: 100%;}
    .reiseziele .Content { column-count: 2; column-gap: 12px; }
    .reiseziele .rz-group { margin-bottom: 10px; }
    .reiseziele .rz-group ul li { margin: 3px 0; }
    .koop-stats { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .koop-stat { padding: 16px 10px; }
    .koop-form { max-width: 100%; padding: 16px; }
    .Content, .Content p, .Content li, .Content a {white-space:wrap; font-size:16px;}
    .col2{width: 100%;float: none}
    .col2 > .row {max-width: 309px; margin: 8px auto;}
    .alignright, .alignleft {float: none; margin: 0 auto; display: block;}
    .searchBox .row {display: block}
    .searchBox .titleBar1:after {width:20px;height: 20px; right:8px}
    .Content {padding: 7px 12px 4px;}
    .searchBox span.label {width: 30%; font-size: 12px; display: block; float: left; line-height: 25px; padding-top: 0!important}
    .postImages img {display: block; margin: 0 auto 8px; width: auto; max-width: 100%;}
    footer {border-radius: 0;}
}