.content {
    display: block !important;      
    width: 100% !important;         
    max-width: 600px !important;    
	margin: 30px auto 0 auto !important; */
    padding: 0 20px !important;     
    
    font-size: initial !important;
    line-height: initial !important;
    word-spacing: normal !important;
	padding-right:2em!important;
	border:1px solid black;
	padding:1em;
}
  
  
.column {
    display: block !important;      /* Einspaltig */
    width: 100% !important;
    margin-bottom: 50px !important; /* falls du Abstand brauchst */
    border-left: none !important;   /* linke Linie entfernen */
    border-bottom: 1px solid #2f2f2f !important; /* Mobile-Trenner */
	
}

.columna {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 1% 0 1%;
}

.column p {
    text-align: justify;
    hyphens: auto;
}

/*
.column h3:nth-of-type(3) ~ p {
    margin-left: 20vw;
}
*/

.subhead {
	margin-bottom:-1em!important;
}

   .weatherforcastbox{
        display: block!important;
	
    }
	
.headerobjectswrapper {
  margin-top:4em!important;
  margin-bottom:4em!important;
  
  display: flex;               /* Flexbox aktivieren */
  justify-content: center;     /* Horizontale Zentrierung */
  align-items: center;         /* Vertikale Zentrierung */
  height: 100px;               /* Höhe des Containers festlegen (anpassen je nach Bedarf) */
  
}	
	
.headerobjectswrapper img {
	height:144px; /*72px;*/
	margin-right:4em;
}	

.headerobjectswrapper2 {
  margin-top:4em!important;
  margin-bottom:4em!important;
  
  display: flex;               /* Flexbox aktivieren */
  justify-content: center;     /* Horizontale Zentrierung */
  align-items: center;         /* Vertikale Zentrierung */
  height: 100px;               /* Höhe des Containers festlegen (anpassen je nach Bedarf) */
  
}	
	
.headerobjectswrapper2 img {
	height:144px; /*72px;*/
	margin-right:4em;
}	

img {
	max-width:100%;
}

.imgdesign1a {
	width:auto;
	height:80vh;
	max-width:25vw;
	float: left;
	margin: 0em 1em 1em 0em;
	clear: both;  /* Dies sorgt dafür, dass der Text nach dem Bild richtig fließt */
	  
}

.imgdesign1 {
    max-height: 80vh;
    width: auto;
    max-width: 40vw;
    aspect-ratio: auto;
    float: left;
    margin: 0em 1em 1em 0em;
    clear: both;
    object-fit: contain; /* sorgt dafür, dass das Bild schön bleibt */
}

.min600 {
	min-height:600px;
}

.wide {
	letter-spacing:2px;
}

.quote {

}

@media only all and (max-width: 300px) {


.headerobjectswrapper,.subhead, .column {

	    width: 100vw!important;         
    max-width: 100vw !important;   
	}

	.headerlogo {
		height:100px!important;
	}
	

	header {
		font-size:10px!important;
	}
	
	
	.content {
    display: block !important;      
    width: 100vw!important;         
    max-width: 100vw !important;    
	margin: 30px auto 0 auto !important;
    padding: 0 20px !important;     
    
    font-size: initial !important;
    line-height: initial !important;
    word-spacing: normal !important;
	padding-right:2em!important;
	border:0px solid black;
	padding:0.5em;
}
  
.column {
    display: block !important;      /* Einspaltig */
    width: 100% !important;
    margin-bottom: 50px !important; /* falls du Abstand brauchst */
    border-left: none !important;   /* linke Linie entfernen */
    border-bottom: 1px solid #2f2f2f !important; /* Mobile-Trenner */
	
	
}	

}

@media only all and (min-width: 300px) {
	
	.headerobjectswrapper,.subhead {
	    width: 85vw!important;         
    max-width: 85vw !important;   
	}
	
	.headerlogo {
		margin:1em!important;
	}
	
	header {
		font-size:18px;
	}
	
	.content {
    display: block !important;      
    width: 85vw!important;         
    max-width: 85vw !important;    
	margin: 30px auto 0 auto !important;
    padding: 0 20px !important;     
    
    font-size: initial !important;
    line-height: initial !important;
    word-spacing: normal !important;
	padding-right:2em!important;
	border:0px solid black;
	padding:0.5em;
}
  
.column {
    display: block !important;      /* Einspaltig */
    width: 100% !important;
    margin-bottom: 50px !important; /* falls du Abstand brauchst */
    border-left: none !important;   /* linke Linie entfernen */
    border-bottom: 1px solid #2f2f2f !important; /* Mobile-Trenner */
	
	
}

}
	
@media only all and (min-width: 600px) {


.headerobjectswrapper,.subhead {
	    width: 85vw!important;         
    max-width: 85vw !important;   
	}
	
	.headerlogo {
		margin:4em!important;
	}
	
	header {
		font-size:50px!important;


}	
	
	
	
	
	
	
	
	
	
	

}


.subheadwrapper {

display:flex!important;
align-items:center!important;
justify-content:center!important;
flex-direction:column;
}


.tooltip {
	cursor:pointer;
	border-bottom: 1px black dashed;
}

.tooltip-clicked {
	cursor:pointer;
	border-bottom: none;
	font-weight:800;
}

.figure {
	
	float:left;
	
}

.figcaption {
	text-align:center;
}

table {
  border-spacing: 1em;
  margin-top:-2em;
}


.hl4 {
	font-size:16px!important;
}

.ausgabenwahl {
	cursor:pointer;
}

/*************************************/

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.page-footer {
  margin-top: auto; /* <- schiebt Footer nach unten */
  padding: 10px 20px;
  text-align: right;
  background-color: #f5f5f5; /* sanfte Hintergrundfarbe */
  font-size: 0.9em;
  
}

.footer-links a {
  color: #333;
  text-decoration: none;
  margin-left: 10px;
}

.footer-links a:hover {
  text-decoration: underline;

}

.headerlink:link, a:link {
  color: darkred;
  text-decoration: none;
}

.headerlink:visited, a:visited {
  color: darkred;
}

.headerlink:hover, a:hover {
  color: darkred;
}

.headerlink:active, a:active {
  color: darkred;
}

.themen {
	
	margin-bottom:-1em;
	
}

.themen:before {
  content: none!important;
  border: none!important;
  width: 0!important;
  height: 0!important;
  display: none!important;
  margin: 0!important;
}

.themen:after{
  content: none!important;
  border: none!important;
  width: 0!important;
  height: 0!important;
  display: none!important;
  margin: 0!important;
}

.themen p {
	text-align:center!important;
}

.mitte {
	text-align:center!important;
}

.bennybox {
  border: 2px dashed #8BC34A;
  background-color: #F0FFF0;
  padding: 1rem;
  margin: 1.5rem 0;
  border-radius: 12px;
  font-style: italic;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
}
.bennybox::before {
  content: "🐇 Bennys Tipp";
  display: block;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

hr {
  clear: both;
  /* ggf. noch margin-top/bottom anpassen */
}

.inhaltsueberschrift {
	
	font-size:1.5em!important;
	
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}