/* $Id: frame.css, v 1 2025/08/28 vogelsang Exp $ */

body {
float: left;
margin-top: 0em;
width:98% !important;
font-family: "Varta", sans-serif;
color:#000000;
font-size: 100% !important;
line-height: 1.3 !important;
 }

#search {
display:none;
float: right;
height: 0em;
width: 0%;
position: absolute;
top: -200px;
right: 0;
}

#search img {
width: 0em;
height: 0em;
top: -20px;
position: absolute;
margin: 0;
}

.search-box {
	position: fixed;
	margin-bottom: 2em !important;
	width: 100% !important;
	background-color: #fff;
}

#searchInput {
	font-style: italic !important;
	font-size: 100%;
	width:400px !important;
	padding:5px !important;
	margin-bottom: 1em !important;
}

.alphabet-label {
text-decoration: none;
font-size: 18px;
font-weight: 600;
color: #444;
justify-content: center;/* mittig im Container */
vertical-align: bottom !important;
}

.alphabet-nav {
margin-top:3em;
padding-left: -0.5em;
position: fixed;
width: 98% !important;
background-color: #fff;
width: 100% !important;
z-index: 2;
font-weight: 600;
border-bottom: 1px solid #dadada;
display: flex;/* horizontal anordnen */
gap: 0px; /* Abstand zwischen Buchstaben */
justify-content: center;/* mittig im Container */
white-space: nowrap;/* kein Umbruch */
vertical-align: bottom !important;
}

:target {
scroll-margin-top: 2.7em; /* Abstand oberhalb des gezielten Elements */
scroll-behavior: smooth;
}

.alphabet-nav a,
.alphabet-nav .nolink {
text-decoration: none;
font-weight: bold;
color: #444;
padding: 0px 2px;
font-size: 18px;
border-radius: 3px;
}

.alphabet-nav a:hover {
background: #E7F7BD;
}

.alphabet-nav .nolink {
color: #bbb;
}

.eventort-inner {
display: flex;
align-items: flex-start;
gap: 24px; /* Abstand zwischen Bild und Einträgen */
}

.placeholder {
  width: 300px;
  height: 300px;
  background: #eee url("vorschau.png") center center no-repeat !important;
  background-size: cover !important; /* passt das Bild proportional an */
  flex-shrink: 0 !important; /* Bild bleibt immer 300px */
  border-radius: 8px;
}

.eventort-details {
display: flex;
flex-direction: column;
justify-content: flex-start;
width: 100%;
}

h1 {
margin-left:-25px;
padding-top:40px;
padding-bottom:0px;
padding-left: 40px;
/*border-bottom: 1px #555 solid;*/
font-size: 200%;
font-weight:bold;
color:#68adc3;
width: 93%;
}

h2 {
color:#774553;
margin-top:4px;
margin-left: 0px;
padding-bottom:0px;
padding-top: 0px;
font-size: 160%;
font-weight:bold; 
width:70%;
}

h3 {
background-color: #555;
color: #fff;
padding-left: 53px;
padding-top:3px;
padding-bottom:3px;
font-weight:bold;
margin-bottom:5px;
margin-top: 8px;
width: 90%;
font-size: 1em;
float: left;
}

h3 img {
margin-right: 10px;
}

div {
padding:0px;
margin-top:0px;
}

a {
display: block;
color:#333;
float: left;
width: 100%;
text-decoration:none;
}

a:hover {
background-color: #FEECEC;
width: 100% !important;
} 

#linkeSpalte {
clear:left;
float: left;
width: 48.3%;
margin-right: 0%;
border-style:none;
margin-left: 0%;
}

#rechteSpalte {
clear:right;
float: right;
width: 48.3%;
border-style:none;
margin-left: 0%;
margin-right: 0%;
}

.datum {
clear:left;
}

.time {
padding: 0px 0px 0px 14px;
margin-bottom: 0px;
color:#000;
}

.stadttitel {
margin-top: 0em;
color: #ac6d6d;
font-weight: 700;
font-size: 1.5em;
padding: 2em 0px 0px 0px;
border-bottom: 1px solid #333;
width: 100% !important;
}

.event {
font-weight:bold;
}

.event-entry {
width: 80%;
}


.eventort {
color: #166E5E;
font-weight: 700;
padding:0px 0px 0px 0px;
font-size: 1.2em;
}

.adresse {
line-height:115%;	
}

.www {
color: #ac6d6d;
font-weight: bold;
}

#listpage {
margin: -6px 12px 0px 12px;
}

#detailpage {
margin: 0px 12px 0px 12px;
}

#shortcuts {
float: left;
padding: 8px 0px 8px 0px;
width: 100%;
}

#shortcuts ul {
padding: 0px 0px 0px 25%;
margin: 0px 0px 0px 0px;
}

#shortcuts li {
float: left;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 14px 0px 0px;
font-size: 70%;
}

#content {
padding-top:0px;
}

#common {
padding-left: 2px;
font:0em bold 'Trebuchet MS','Lucida Grande',Verdana,Tahoma,Arial;
width: 90%;
color:#fff;
border-bottom: 1px #666666 solid;
}

dl {
margin:0px;
padding-left:40px;
width:90%;
float:left;
margin-top: 10px;
}

dt {
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
font-weight:bold;
}

dd {
width:82%;
margin:0px;
padding:0px 0px 0px 0px;
}

dd.title {
clear:both;
float:left;
font-weight:bold;
padding-left:140px;
margin-top: -20px;
width:80%; 
}

dd.ext {
clear:both;
color: #000;
font: 10px italic 'Trebuchet MS','Lucida Grande',Verdana,Tahoma,Arial;
width:60%;
float:left;
padding-left:140px;
padding-bottom: 10px;
margin-bottom: 0px;
}

dd.ext a {
color:#000;
}

dd.dvalue {
clear:both;
float:left;
padding-left: 140px;
margin-top:-20px;
}

.bold {
font-weight:bold;
}

.even {
margin-top: 5px;
clear:both;
float:left;
}

.odd {
clear:both;
float:left;
}

.common {
font-weight:bold;
color:#FFFFFF;
background-color:#003399;
}

.subtitle {
vertical-align:top;
width: 80% !important;
}

td.dattname {
font-weight:bold;
vertical-align:top;
}

td.dattval {
vertical-align:top;
}

.ddtext {
font-size:80%;
}

#menu {
float: left;
width: 100%;
margin: 0;
padding: 10px 0 0 46px;
list-style: none;
}

#menu li {
float: left;
margin: 0;
padding: 0;
font-family: 'Trebuchet MS','Lucida Grande',Verdana,Tahoma,Arial;
}

#menu a {
float: left;
display: block;
margin: 0 1px 0 0;
padding: 4px 8px;
color: #333;
text-decoration: none;
border: 1px solid #9B8748;
border-bottom: none;
background: #F9E9A9;
}

#menu a:hover {
color: #333;
padding-bottom: 5px;
border-color: #727377;
}


#title {
width: 90%;
padding-bottom: 18px;
margin-left: -40px;
}

#title.even {
margin-top:-20px;
padding-bottom: -20px;
margin-left: -160px;
}

#subtitle {
margin-top:-45px;
padding-left:40px;
width:90%;
}

#thev {
margin-top: 0px;
padding-bottom:5px;
width:90%;
}

#begin {
padding-bottom:5px;
}

#geo {
padding-bottom:15px;
width:90%;
}

#audience {
padding-bottom:15px;
width:90%;
}

#foodregion {
padding-bottom:15px;
width:90%;
}

#coords {
width:00%;
margin-left:0px;
padding-bottom:15px;
margin-bottom: 15px;
padding-right: 20px;
}

#loc {
width:90%;
padding-bottom:15px;
}

#thloc {
width:90%;
padding-bottom:15px;
}

#address {
font:bolder;
padding-bottom:15px;
}

#detail {
width:65%;
padding-bottom:15px;
}

#detaillinks {
width:90%;
padding-bottom:15px;
}

#price {
width:90%;
padding-bottom:15px;
}

#www {
width:90%;
padding-bottom:15px;
}

#Feedback {
display:none;
width:70%;
border-top:1px #333333 solid;
padding-top: 20px;
font-size: 80%;
}

#Feedback.even {
width:89%;
margin-top:-5px;
font-size: 80%;
}

#Feedback.odd {
margin-top: 10px;
width:68%;
margin-left:0px;
}

#disclaimer {
border-top:1px #333333 solid;
padding-left: 40px;
padding-top: 10px;
font-size: 80%;
}

#disclaimer.odd {
padding-left: 40px;
font-size: 80%;
}

#disclaimer.even {
padding-left: 40px;
width: 65%;
font-size: 90%;
}

#emptyline.even {
width:70%;
}

#loginemail {
display:none;
margin-top:0px;
width:80%;
font-size: 80%;
}


/* Create Event Formular */
h1.dtitle {
width: 90%;
margin-left:20px;
}

tbody {
padding-left:20px;
}

td {
padding-left:140px;
}

label {

}


/******************************************
* Responsive 
******************************************/
@media only screen and (max-width:759px) {
body {
font: 80% 'Lucida Grande',Verdana,Tahoma,Arial !important;
}
#container {
margin-bottom: 0px;
margin-left: 1em;
margin-top: 6%;
	width:95% !important;
}
#content {
border: 0px solid #ffffff;
padding-bottom: 0;
padding-left: 0px;
padding: 0px;
margin-top: 7.4em;
margin-left: -10% !important;
margin-right: 0px;
position: absolute;
width: 80%;
}
div#content {
width: 99% !important;
}
div {
padding: 0px;
margin-top: 0px;
}
select {
background: #f2f2f2;
border: 1px solid #ccc;
width: 100%;
height: 3em;
padding-bottom: 0px;
}
klein {
font-size: 0.8em;
padding: 0px 0px;
margin: 0px;
color: #000000;
}
#eingabefeld_mit_knopf {
padding: 0px;
margin-bottom: 15px;
height: 2em;
width: 99%;
}
#adresse {
display:block !important;
}
#adresse img {
width: 98%;
margin-bottom: 10px;
}
#resultate {
display:block !important;
position: relative;
margin-top: 48em;
margin-left: 0em !important;
width: 100% !important;
}
#linkeSpalte {
width: 99% !important;
}
#rechteSpalte {
width: 99% !important;
}
#menu {
display:block !important;
background-color: #ffffff;
width: 99% !important;
margin-bottom: 3em !important
}
#menu img {
width: 70% !important;
height: auto;
}
#disclaimer.even {
padding-left: 40px !important;
margin-left: 2em;
width: 90% !important;
font-size: 90% !important;
margin-bottom: 5em !important;
}
dd {
width: 92% !important;
margin: 0px;
padding: 0px 0px 0px 0px;
}
#Feedback.odd {
margin-top: 10px;
width: 90%;
margin-left: 0px;
}
#Feedback {
display: none;
width: 99%;
border-top: 1px #333333 solid;
padding-top: 20px;
font-size: 80%;
}
#title {
width: 110% !important;
padding-bottom: 18px;
margin-left: -40px;
}
h1 {
width: 99% !important;
}
h2 {
margin-top:1em;
width: 100% !important;
}
h6 {
font: bold 1.4em 'Trebuchet MS','Lucida Grande','Verdana','Tahoma','Arial';
color: #FF0000;
padding: 0px 0px 0px 0px;
margin-top: 3%;
margin-bottom: 20px;
width: 80%;
}
a {
display: block;
color: #68adc3;
float: left;
width: 90%;
margin-bottom: 0px;
text-decoration: none;
}

}
@media only screen and (max-width:759px) {
h3 {
background-color: #555;
color: #fff;
padding-left: 53px;
padding-top: 3px;
padding-bottom: 3px;
font-weight: bold;
margin-bottom: 5px;
margin-top: 8px;
width: 85%;
font-size: 1em;
float: left;
}}