.toern-container {
max-width: 1200px;
margin: 0 auto;
padding: 20px 15px;
display: flex;
flex-wrap: wrap;
position: relative;
}
.toern-main {
flex: 2;
min-width: 0;
padding-right: 30px;
}
.toern-sidebar {
flex: 1;
max-width: 350px;
background: #f4f4f4;
padding: 20px;
border-radius: 10px;
border: 1px solid #e0e0e0;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
margin-left: 30px;
} .toern-featured-image {
margin-bottom: 20px;
border-radius: 8px;
overflow: hidden;
}
.toern-featured-image img {
width: 100%;
height: auto;
display: block;
} .toern-details, 
.toern-description {
margin-bottom: 30px;
}
.toern-details h2, 
.toern-sidebar h2 {
color: #003366;
margin-bottom: 15px;
}
.toern-details-table, 
.toern-sidebar-table {
width: 100%;
border-collapse: collapse;
}
.toern-details-table th, 
.toern-sidebar-table th {
text-align: left;
padding: 8px 10px 8px 0;
width: 40%;
vertical-align: top;
}
.toern-details-table td, 
.toern-sidebar-table td {
padding: 8px 0;
vertical-align: top;
}
.toern-sidebar-details {
margin-bottom: 20px;
}
.sidebar-title {
font-size: 16px;
margin-bottom: 8px;
color: #003366;
} .toern-gallery {
margin-bottom: 30px;
} .toern-contact-form {
margin-top: 30px;
padding: 20px;
background-color: #f8f9fa;
border-radius: 8px;
} .toern-sidebar-buttons {
margin-top: 20px;
}
.toern-sidebar-buttons a.btn-blue {
display: block;
margin-bottom: 10px;
text-align: center;
}
.btn-blue, 
a.btn-blue {
display: inline-block;
padding: 8px 16px;
background-color: #0073e6;
color: white !important;
border-radius: 4px;
text-decoration: none;
font-weight: bold;
transition: all 0.3s ease;
margin-bottom: 5px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
border: none;
}
.btn-blue:hover, 
a.btn-blue:hover {
background-color: #0066cc;
color: white !important;
box-shadow: 0 3px 8px rgba(0,0,0,0.15);
transform: translateY(-2px);
} .plaetze-gruen {
background-color: #28a745 !important;
}
.plaetze-gelb {
background-color: #ffc107 !important;
color: #212529 !important;
}
.plaetze-rot {
background-color: #dc3545 !important;
}
.toern-freie-plaetze {
margin-bottom: 10px;
}
.toern-freie-plaetze .btn-blue {
display: block;
width: 100%;
text-align: center;
}
.toern-freie-plaetze .btn-blue small {
display: block;
font-size: 0.8em;
margin-top: 5px;
} @media (max-width: 768px) {
.toern-container {
flex-direction: column;
}
.toern-main, 
.toern-sidebar {
flex: 100%;
max-width: 100%;
padding-right: 0;
margin-left: 0;
margin-bottom: 30px;
}
}