From 42e325a44c7ba5d3ee88c9258eb450d6c24074e8 Mon Sep 17 00:00:00 2001
From: Christian Wolf <git@christianwolf.email>
Date: Wed, 26 Feb 2025 16:53:08 +0100
Subject: [PATCH] Comment out most CSS parts

---
 template/scss/main.scss | 882 ++++++++++++++++++++--------------------
 1 file changed, 441 insertions(+), 441 deletions(-)

diff --git a/template/scss/main.scss b/template/scss/main.scss
index 44438f5..102f51e 100644
--- a/template/scss/main.scss
+++ b/template/scss/main.scss
@@ -45,582 +45,582 @@ body {
 	}
 }
 
-#header {
+// #header {
 	
-	> div.image_row {
-		display: flex;
-		flex-direction: row;
+// 	> div.image_row {
+// 		display: flex;
+// 		flex-direction: row;
 		
-		> div.siderow {
-			flex: auto 1 1;
+// 		> div.siderow {
+// 			flex: auto 1 1;
 			
-			display: flex;
-			flex-direction: column;
+// 			display: flex;
+// 			flex-direction: column;
 			
-			> div.spacer {
-				flex: auto 1 1;
-			}
-			> div.border {
-				flex: 100px 0 0;
-				background-color: $color-brown-header;
-			}
+// 			> div.spacer {
+// 				flex: auto 1 1;
+// 			}
+// 			> div.border {
+// 				flex: 100px 0 0;
+// 				background-color: $color-brown-header;
+// 			}
 			
-		}
+// 		}
 		
-		> div > a {
+// 		> div > a {
 			
-			display: flex;
+// 			display: flex;
 			
-			> img {
-				height: 150px;
-				width: 150px;
-				margin: 0px 20px;
-			}
+// 			> img {
+// 				height: 150px;
+// 				width: 150px;
+// 				margin: 0px 20px;
+// 			}
 			
-		}
+// 		}
 		
-		@media screen and (min-width: $width-narrow) {
-			> div > a > img {
-				height: 250px;
-				width: 250px;
-			}
+// 		@media screen and (min-width: $width-narrow) {
+// 			> div > a > img {
+// 				height: 250px;
+// 				width: 250px;
+// 			}
 			
-			> div.siderow > div.border {
-				flex: 200px 0 0;
-			}
-		}
-	}
+// 			> div.siderow > div.border {
+// 				flex: 200px 0 0;
+// 			}
+// 		}
+// 	}
 	
-	> div.title_row {
-		margin: 20px 0px;
-		padding: 20px 0px;
+// 	> div.title_row {
+// 		margin: 20px 0px;
+// 		padding: 20px 0px;
 		
-		border-top-color: $color-brown-header;
-		border-top-width: 4px;
-		border-top-style: solid;
+// 		border-top-color: $color-brown-header;
+// 		border-top-width: 4px;
+// 		border-top-style: solid;
 		
-		border-bottom-color: $color-brown-header;
-		border-bottom-width: 4px;
-		border-bottom-style: solid;
+// 		border-bottom-color: $color-brown-header;
+// 		border-bottom-width: 4px;
+// 		border-bottom-style: solid;
 		
-		font-size: 30px;
-		font-weight: bold;
-		color: $color-brown-header;
-		text-align: center;
+// 		font-size: 30px;
+// 		font-weight: bold;
+// 		color: $color-brown-header;
+// 		text-align: center;
 		
-		@media screen and (min-width: $width-narrow) {
-			font-size: 60px;
-		}
+// 		@media screen and (min-width: $width-narrow) {
+// 			font-size: 60px;
+// 		}
 		
-		@media screen and (min-width: $width-normal) {
-			font-size: 80px;
-		}
+// 		@media screen and (min-width: $width-normal) {
+// 			font-size: 80px;
+// 		}
 		
-		> a {
+// 		> a {
 			
-			color: inherit;
-			text-decoration: none;
+// 			color: inherit;
+// 			text-decoration: none;
 			
-			display: flex;
-			flex-direction: column;
+// 			display: flex;
+// 			flex-direction: column;
 			
-			span.title {
-				font-size: 60%;
-			}
+// 			span.title {
+// 				font-size: 60%;
+// 			}
 			
-			span.name {
-				line-height: 150%;
-			}
-		}
+// 			span.name {
+// 				line-height: 150%;
+// 			}
+// 		}
 		
-		> a:hover {
-			font-weight: 900;
-		}
-	}
-}
+// 		> a:hover {
+// 			font-weight: 900;
+// 		}
+// 	}
+// }
 
-#topmenu {
-	background-color: $color-green-1;
-	border-radius: $major-radius;
+// #topmenu {
+// 	background-color: $color-green-1;
+// 	border-radius: $major-radius;
 	
-	margin: 20px 0px;
+// 	margin: 20px 0px;
 	
-	> ul.menu, > ul.mod-menu {
-		display: flex;
-		flex-direction: column;
-		justify-content: space-between;
+// 	> ul.menu, > ul.mod-menu {
+// 		display: flex;
+// 		flex-direction: column;
+// 		justify-content: space-between;
 		
-		min-height: 50px;
-		padding: 20px;
+// 		min-height: 50px;
+// 		padding: 20px;
 		
-		> li {
-			flex: 17% 0 0;
+// 		> li {
+// 			flex: 17% 0 0;
 			
-			list-style: none;
+// 			list-style: none;
 			
-			> a {
-				height: calc(100% - 30px);
+// 			> a {
+// 				height: calc(100% - 30px);
 				
-				background-color: $color-darkgreen;
-				border-radius: $big-button-radius;
+// 				background-color: $color-darkgreen;
+// 				border-radius: $big-button-radius;
 				
-				padding: 15px 10px;
+// 				padding: 15px 10px;
 				
-				display: flex;
-				flex-direction: column;
-				justify-content: center;
+// 				display: flex;
+// 				flex-direction: column;
+// 				justify-content: center;
 				
-				color: white;
+// 				color: white;
 				
-				font-weight: bold;
-				text-align: center;
-				text-decoration: none;
-			}
+// 				font-weight: bold;
+// 				text-align: center;
+// 				text-decoration: none;
+// 			}
 			
-			> a:hover {
-				font-weight: 900;
-			}
+// 			> a:hover {
+// 				font-weight: 900;
+// 			}
 			
-			margin: 12px 0px;
+// 			margin: 12px 0px;
 			
 			
-			@media (min-width: $width-narrow){
-				font-size: 150%;
-			}
+// 			@media (min-width: $width-narrow){
+// 				font-size: 150%;
+// 			}
 			
-			> .class-kita {
-				background-color: $color-green;
-			}
+// 			> .class-kita {
+// 				background-color: $color-green;
+// 			}
 			
-			> .class-eltern {
-				background-color: $color-darkgreen;
-			}
+// 			> .class-eltern {
+// 				background-color: $color-darkgreen;
+// 			}
 			
-			> .class-konzept {
-				background-color: $color-midgreen;
-			}
+// 			> .class-konzept {
+// 				background-color: $color-midgreen;
+// 			}
 			
-			> .class-aktuelles {
-				background-color: $color-petrol;
-			}
+// 			> .class-aktuelles {
+// 				background-color: $color-petrol;
+// 			}
 			
-			> .class-kontakt {
-				background-color: $color-darkgray;
-			}
-		}
+// 			> .class-kontakt {
+// 				background-color: $color-darkgray;
+// 			}
+// 		}
 		
-		@media screen and (min-width: $width-narrow) {
-			min-height: 100px;
-			flex-direction: row;
+// 		@media screen and (min-width: $width-narrow) {
+// 			min-height: 100px;
+// 			flex-direction: row;
 			
-			> li {
-				margin: 0px;
-			}
-		}
-	}
-}
+// 			> li {
+// 				margin: 0px;
+// 			}
+// 		}
+// 	}
+// }
 
-#main_row {
+// #main_row {
 	
-	display: flex;
-	flex-direction: column;
+// 	display: flex;
+// 	flex-direction: column;
 	
-	margin-bottom: 20px;
+// 	margin-bottom: 20px;
 	
-	> div {
-		border-radius: $major-radius;
-	}
+// 	> div {
+// 		border-radius: $major-radius;
+// 	}
 	
-	> #left_column {
-		flex: auto 0 0;
-		margin-right: 0px;
-		margin-bottom: 20px;
+// 	> #left_column {
+// 		flex: auto 0 0;
+// 		margin-right: 0px;
+// 		margin-bottom: 20px;
 		
-		background-color: $color-green-2;
+// 		background-color: $color-green-2;
 		
-		display: flex;
-		flex-direction: column;
+// 		display: flex;
+// 		flex-direction: column;
 		
-		padding: 20px;
+// 		padding: 20px;
 		
-		ul.nav, ul.nav-item, ul.nav-child, ul.mod-menu__sub {
+// 		ul.nav, ul.nav-item, ul.nav-child, ul.mod-menu__sub {
 			
-			margin: 0px 0px 0px $indent-menu-left;
-			padding: 0px 0px 0px 10px;
+// 			margin: 0px 0px 0px $indent-menu-left;
+// 			padding: 0px 0px 0px 10px;
 			
-			> li {
-				list-style: none;
+// 			> li {
+// 				list-style: none;
 				
-				padding: 7px 0px 7px 7px;
+// 				padding: 7px 0px 7px 7px;
 				
-				border-top-style: solid;
+// 				border-top-style: solid;
 				
-				> a {
-					color: inherit;
-					text-decoration: none;
-					display: block;
-					padding: 8px 0px;
-				}
+// 				> a {
+// 					color: inherit;
+// 					text-decoration: none;
+// 					display: block;
+// 					padding: 8px 0px;
+// 				}
 				
-				> a:hover {
-					font-weight: bold;
-				}
+// 				> a:hover {
+// 					font-weight: bold;
+// 				}
 				
-				ul.nav-child, ul.mod-menu__sub {
-					margin-top: 7px;
-					padding: 0px;
-				}
+// 				ul.nav-child, ul.mod-menu__sub {
+// 					margin-top: 7px;
+// 					padding: 0px;
+// 				}
 				
-				display: none;
-			}
+// 				display: none;
+// 			}
 			
 			
-			> li.active {
-				display: list-item;
+// 			> li.active {
+// 				display: list-item;
 				
-				li {
-					display: list-item;
-				}
-			}
+// 				li {
+// 					display: list-item;
+// 				}
+// 			}
 			
-			> li:last-child {
-				padding-bottom: 0px;
-			}
+// 			> li:last-child {
+// 				padding-bottom: 0px;
+// 			}
 			
-		}
+// 		}
 		
-		> ul.nav, > ul.nav-item {
-			margin-left: 0px;
+// 		> ul.nav, > ul.nav-item {
+// 			margin-left: 0px;
 			
-			> li.active {
-				border-bottom-style: solid;
-			}
-		}
+// 			> li.active {
+// 				border-bottom-style: solid;
+// 			}
+// 		}
 		
-		ul.nav-child, ul.mod-menu__sub {
-			> li.parent {
-				> a::after {
-					content: " →";
-				}
-			}
-		}
+// 		ul.nav-child, ul.mod-menu__sub {
+// 			> li.parent {
+// 				> a::after {
+// 					content: " →";
+// 				}
+// 			}
+// 		}
 		
-		div.traeger {
+// 		div.traeger {
 			
-			div.header {
-				border-radius: $button-radius;
-				background-color: $color-darkgreen;
+// 			div.header {
+// 				border-radius: $button-radius;
+// 				background-color: $color-darkgreen;
 				
-				margin: 20px 0px;
-				padding: 10px;
-				width: initial;
+// 				margin: 20px 0px;
+// 				padding: 10px;
+// 				width: initial;
 				
-				color: white;
-				font-weight: bold;
+// 				color: white;
+// 				font-weight: bold;
 				
-				@media screen and (min-width: $width-narrow) {
-					margin-left: -15px;
-					width: 70%;
-				}
-			}
-		}
+// 				@media screen and (min-width: $width-narrow) {
+// 					margin-left: -15px;
+// 					width: 70%;
+// 				}
+// 			}
+// 		}
 		
-	}
+// 	}
 	
-	> #main {
-		flex: auto 1 1;
+// 	> #main {
+// 		flex: auto 1 1;
 		
-		background-color: $color-green-1;
-		padding: 20px;
-		font-size: 15px;
+// 		background-color: $color-green-1;
+// 		padding: 20px;
+// 		font-size: 15px;
 		
-		text-align: justify;
-		hyphens: auto;
+// 		text-align: justify;
+// 		hyphens: auto;
 		
-		div.blog > div.items-more > .nav {
+// 		div.blog > div.items-more > .nav {
 			
-			display: block;
-			padding: 0px;
+// 			display: block;
+// 			padding: 0px;
 			
-			> li {
-				display: block;
+// 			> li {
+// 				display: block;
 				
-				> a {
-					padding: 4px;
-					margin: 12px 0px;
-					list-style-type: none;
-					display: block;
-				}
-			}
-		}
+// 				> a {
+// 					padding: 4px;
+// 					margin: 12px 0px;
+// 					list-style-type: none;
+// 					display: block;
+// 				}
+// 			}
+// 		}
 		
-		@media screen and (min-width: $width-normal) {
-			font-size: 20px;
+// 		@media screen and (min-width: $width-normal) {
+// 			font-size: 20px;
 			
-			div.blog {
-				> div.items-leading > div {
-					// Settings for intro articles
-					> div {
-						p.readmore {}
-					}
-				}
+// 			div.blog {
+// 				> div.items-leading > div {
+// 					// Settings for intro articles
+// 					> div {
+// 						p.readmore {}
+// 					}
+// 				}
 				
-				> div.items-leading > div,
-				> div.items-row > div
-				{
-					p {
-						margin-bottom: 0px;
-					}
-					p:first-child {
-						margin-top: 0px;
-					}
-					p.readmore {
-						font-size: smaller;
-						text-align: right;
-						margin-bottom: 20px;
-					}
-				}
+// 				> div.items-leading > div,
+// 				> div.items-row > div
+// 				{
+// 					p {
+// 						margin-bottom: 0px;
+// 					}
+// 					p:first-child {
+// 						margin-top: 0px;
+// 					}
+// 					p.readmore {
+// 						font-size: smaller;
+// 						text-align: right;
+// 						margin-bottom: 20px;
+// 					}
+// 				}
 				
-				> div.items-row {
+// 				> div.items-row {
 					
-					display: flex;
+// 					display: flex;
 					
-					> div {
-						// Settings for the two column articles
-						margin-right: 20px;
-						flex: 0px 1 0;
-					}
+// 					> div {
+// 						// Settings for the two column articles
+// 						margin-right: 20px;
+// 						flex: 0px 1 0;
+// 					}
 					
-					> div:last-child {
-						margin-right: 0px;
-					}
-				}
-			}
+// 					> div:last-child {
+// 						margin-right: 0px;
+// 					}
+// 				}
+// 			}
 			
 			
-		}
+// 		}
 		
-		div.pagination {
+// 		div.pagination {
 			
-			margin: 20px 0px;
-			font-size: smaller;
+// 			margin: 20px 0px;
+// 			font-size: smaller;
 			
-			> ul {
-				display: inline-block;
+// 			> ul {
+// 				display: inline-block;
 				
-				padding: 0px;
-				margin: 0px;
+// 				padding: 0px;
+// 				margin: 0px;
 				
-				> li {
-					list-style: none;
-					display: inline;
+// 				> li {
+// 					list-style: none;
+// 					display: inline;
 					
-					margin: 7px 13px;
+// 					margin: 7px 13px;
 					
-					.pagenav {
-						padding: 8px 12px;
-					}
-				}
-			}
+// 					.pagenav {
+// 						padding: 8px 12px;
+// 					}
+// 				}
+// 			}
 			
-			> p.counter {
-				margin: 0px 5px;
-				padding: 0px 0px 15px 0px;
+// 			> p.counter {
+// 				margin: 0px 5px;
+// 				padding: 0px 0px 15px 0px;
 				
-				float: initial;
+// 				float: initial;
 				
-				@media screen and (min-width: $width-normal) {
-					float: right;
-					padding: 0px;
-				}
-			}
-		}
+// 				@media screen and (min-width: $width-normal) {
+// 					float: right;
+// 					padding: 0px;
+// 				}
+// 			}
+// 		}
 		
-		// Make tables responsive
-		@media screen and (max-width: $width-narrow) {
-			table {
-				display: block;
+// 		// Make tables responsive
+// 		@media screen and (max-width: $width-narrow) {
+// 			table {
+// 				display: block;
 				
-				> tbody {
-					display: block;
+// 				> tbody {
+// 					display: block;
 					
-					> tr {
-						display: block;
+// 					> tr {
+// 						display: block;
 						
-						border-bottom-style: solid;
-						border-width: 1px;
+// 						border-bottom-style: solid;
+// 						border-width: 1px;
 						
-						padding: 7px 0px;
+// 						padding: 7px 0px;
 						
-						> td {
-							display: block;
+// 						> td {
+// 							display: block;
 							
-							text-align: left !important;
+// 							text-align: left !important;
 							
-							> p{
-								text-align: justify !important;
-							}
-						}
-					}
+// 							> p{
+// 								text-align: justify !important;
+// 							}
+// 						}
+// 					}
 					
-					> tr:first-child {
-						border-top-style: solid;
-					}
-				}
-			}
-		}
+// 					> tr:first-child {
+// 						border-top-style: solid;
+// 					}
+// 				}
+// 			}
+// 		}
 		
-		// Enable left and right floating elements
-		.pull-right {
-			float: right;
-		}
-		.pull-left {
-			float: left;
-		}
+// 		// Enable left and right floating elements
+// 		.pull-right {
+// 			float: right;
+// 		}
+// 		.pull-left {
+// 			float: left;
+// 		}
 		
-		// Style links in blogs
-		.blog {
-			.page-header {
-				> h2 {
-					> a {
-						display: block;
-						margin-right: 10px;
-						text-decoration: none;
-						color: $color-darkgreen;
-						font-weight: bold;
-					}
+// 		// Style links in blogs
+// 		.blog {
+// 			.page-header {
+// 				> h2 {
+// 					> a {
+// 						display: block;
+// 						margin-right: 10px;
+// 						text-decoration: none;
+// 						color: $color-darkgreen;
+// 						font-weight: bold;
+// 					}
 					
-					> a:hover {
-						font-weight: 900;
-					}
-				}
-			}
-			.readmore {
-				margin-top: 8px;
-				> a {
-					text-decoration: none;
-					font-size: smaller;
-					color: white;
-					background-color: $color-darkgreen;
-					padding: $button-radius;
-					border-radius: $button-radius;
-				}
+// 					> a:hover {
+// 						font-weight: 900;
+// 					}
+// 				}
+// 			}
+// 			.readmore {
+// 				margin-top: 8px;
+// 				> a {
+// 					text-decoration: none;
+// 					font-size: smaller;
+// 					color: white;
+// 					background-color: $color-darkgreen;
+// 					padding: $button-radius;
+// 					border-radius: $button-radius;
+// 				}
 				
-				> a:hover {
-					font-weight: bold;
-				}
-			}
-			.items-more {
-				a {
-					text-decoration: none;
-					font-weight: bold;
-					color: $color-darkgreen;
-				}
-			}
-			.pagination {
-				ul {
-					color: $color-darkgreen;
+// 				> a:hover {
+// 					font-weight: bold;
+// 				}
+// 			}
+// 			.items-more {
+// 				a {
+// 					text-decoration: none;
+// 					font-weight: bold;
+// 					color: $color-darkgreen;
+// 				}
+// 			}
+// 			.pagination {
+// 				ul {
+// 					color: $color-darkgreen;
 					
-					> li,
-					> .pagination-start,
-					> .pagination-prev,
-					> .pagination-next,
-					> .pagination-end {
-						span, a {
-							font-weight: normal;
-							font-size: inherit;
-							color: inherit;
-							text-decoration: none;
-						}
-						a {
-							font-weight: bolder;
-						}
+// 					> li,
+// 					> .pagination-start,
+// 					> .pagination-prev,
+// 					> .pagination-next,
+// 					> .pagination-end {
+// 						span, a {
+// 							font-weight: normal;
+// 							font-size: inherit;
+// 							color: inherit;
+// 							text-decoration: none;
+// 						}
+// 						a {
+// 							font-weight: bolder;
+// 						}
 						
-						a:hover {
-							font-weight: 900;
-						}
-					}
+// 						a:hover {
+// 							font-weight: 900;
+// 						}
+// 					}
 					
-					> li > span {
-						font-weight: 900;
-						font-size: larger;
-					}
+// 					> li > span {
+// 						font-weight: 900;
+// 						font-size: larger;
+// 					}
 					
-				}
-			}
-		}
-	}
+// 				}
+// 			}
+// 		}
+// 	}
 	
-	@media screen and (min-width: $width-narrow) {
-		flex-direction: row;
+// 	@media screen and (min-width: $width-narrow) {
+// 		flex-direction: row;
 		
-		> #left_column {
-			margin-right: 20px;
-			margin-bottom: 0px;
-			width: 300px;
-		}
-	}
-}
+// 		> #left_column {
+// 			margin-right: 20px;
+// 			margin-bottom: 0px;
+// 			width: 300px;
+// 		}
+// 	}
+// }
 
-#bottommenu {
-	background-color: $color-green-1;
-	border-radius: $major-radius;
+// #bottommenu {
+// 	background-color: $color-green-1;
+// 	border-radius: $major-radius;
 	
-	position: relative;
+// 	position: relative;
 	
-	padding: 20px;
-	margin-bottom: 30px;
+// 	padding: 20px;
+// 	margin-bottom: 30px;
 	
-	> #impressum {
-		> ul.nav {
-			padding: 0px;
-			margin: 0px;
+// 	> #impressum {
+// 		> ul.nav {
+// 			padding: 0px;
+// 			margin: 0px;
 			
-			display: flex;
-			flex-direction: column;
-			z-index: 1;
+// 			display: flex;
+// 			flex-direction: column;
+// 			z-index: 1;
 			
-			> li {
-				list-style: none;
+// 			> li {
+// 				list-style: none;
 				
-				display: block;
+// 				display: block;
 				
-				margin: 12px 0px;
+// 				margin: 12px 0px;
 				
-				> a {
-					color: inherit;
-					text-decoration: none;
+// 				> a {
+// 					color: inherit;
+// 					text-decoration: none;
 					
-					background-color: $color-darkgreen;
-					border-radius: $big-button-radius;
-					color: white;
-					font-weight: bold;
+// 					background-color: $color-darkgreen;
+// 					border-radius: $big-button-radius;
+// 					color: white;
+// 					font-weight: bold;
 					
-					text-align: center;
-					padding: 10px 20px;
+// 					text-align: center;
+// 					padding: 10px 20px;
 					
-					display: block;
-				}
+// 					display: block;
+// 				}
 				
-				> a:hover {
-					font-weight: 900;
-				}
-			}
+// 				> a:hover {
+// 					font-weight: 900;
+// 				}
+// 			}
 			
-			@media (min-width: $width-narrow) {
-				display: flex;
-				justify-content: end;
-				flex-direction: row;
+// 			@media (min-width: $width-narrow) {
+// 				display: flex;
+// 				justify-content: end;
+// 				flex-direction: row;
 				
-				> li {
-					margin: 0px 0px 0px 20px;
-				}
-			}
-		}
-	}
+// 				> li {
+// 					margin: 0px 0px 0px 20px;
+// 				}
+// 			}
+// 		}
+// 	}
 	
-	> #copyright {
-		font-size: 10px;
-		text-align: center;
-	}
-}
+// 	> #copyright {
+// 		font-size: 10px;
+// 		text-align: center;
+// 	}
+// }