html { scroll-behavior: smooth; }
body { background-color: #0a8028; }

#page {
	background-color: #fff;
	color: #000;
	border-radius: 6px;
}

/*
white           #ffffff
ligth grey      #ececec
grey            #aaaaaa
60% grey        #666666
80% grey        #222222
black           #000000

light blue grey #ccdee7
blue grey       #aabcc5
dove blue       #3e5f81
light green     #0e8f39
green           #0a8028
dark green      #1e6e38

kelly green     #45cf00
islamic green   #0bbd0b
*/

h2, h3, h4, h5 { color: #666666 }
strong { color: #666666 }

a {	text-decoration-line: none; }		
		
a, a:active,
a:visited { color: #0bbd0b; }
a:hover { color: #aaaaaa; }

input[type=text]:focus,
input[type=search]:focus,
input[type=email]:focus,
input[type=url]:focus,
textarea:focus {
	-webkit-box-shadow: 0 0 2px 1px #aaaaaa;
	-moz-box-shadow: 0 0 2px 1px #aaaaaa;
	box-shadow: 0 0 2px 1px #aaaaaa;
}

.no-boxshadow input[type=text]:focus,
.no-boxshadow input[type=search]:focus,
.no-boxshadow input[type=email]:focus,
.no-boxshadow input[type=url]:focus,
.no-boxshadow textarea:focus { border: 1px solid #aaaaaa; }

#trackbacks, 
#identity {
	position: absolute;
	visibility: collapse;
}

/* Logo */
#logo_klotz {
	position: absolute;
	top: 0;
	right: 0;
	width: 98%;
}

#top_button {
	position: fixed;
	bottom: 1.1em;
	right: 1.1em;
	z-index: 90;
	background-color: white;
	border-radius: 10px;
	opacity: 0.7;
	width: 10.2vw;
}

#searchform {
	height: 75vw;
	width: 100%;
	background-image: url(/uploads/LOGO_2019_02a_RGB_A.gif);
    background-repeat: no-repeat;
	background-size: 98% auto;
	background-position: right top;
}

#searchform div {
	position: absolute;
	top: 62vw;
}

#serendipityQuickSearchTermField {
	border: 1px solid #ececec;
}

#primary-nav {
	background: none;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	margin: auto 16px 12px;
}

#primary-nav .clearfix {
	margin: 0;
}

#primary-nav span,
#primary-nav a,
#primary-nav a:active,
#primary-nav a:visited {
	color: #0bbd0b;
	border: none;
	padding: 0.25em 0.9em;
}

#primary-nav a:hover,
#primary-nav a:focus,
#primary-nav span {
	background-image: inherit;
	padding-top: 0px;
	padding-bottom: 0px;
	border-radius: 6px;
}

#primary-nav span {
	background: #0bbd0b;
	color: white;
}
#primary-nav span:after { border-color: transparent; }

#primary-nav a:hover,
#primary-nav a:focus {
	background: #ececec;
	color: #222222;
}

#primary-nav select {
	color: transparent;
	border: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-image: url(/templates/2k11/img/icon-hamburger-0BBD0B.svg);
	background-repeat: no-repeat;
	background-size: 10%;
	background-position: right;
	background-color: white;
	margin: 0.5em 0;
	width: 100%;
	outline: none;
	cursor: pointer;
}

#primary-nav select::-ms-expand {
	display: none;
}

#primary-nav select option {
	color: #0bbd0b;
	cursor: pointer;
}

#primary-nav li:first-child,
#primary-nav li:last-child,
#primary-nav option:first-child  {
	display: none;
}

.no-js #searchsend,
#serendipity_submit,
#serendipity_preview {
	color: #0bbd0b;
    background-color: white;
    border-radius: 10px;
	padding: 4px 10px;
}

.no-js #searchsend {
	position: inherit;
	margin-left: 8px;
}

.no-js #searchsend:hover,
#serendipity_submit:hover,
#serendipity_preview:hover {
	color: #222222;
	background: #ececec;
    border-radius: 10px;
}

.serendipity_entry header h2 {
	color: #0bbd0b;
}

.serendipity_freetag_taglist_related {
	color: #666666;
	margin-bottom: 0.3em;
}

.serendipity_freeTag_related {
	position: absolute;
	visibility: collapse;
}

article footer a[href$="comments"] {
	position: absolute;
	visibility: hidden;
}

#post_2 .serendipity_byline,
#post_2 .serendipity_freeTag,
#post_2 .serendipity_freeTag_related,
#post_2 .serendipity_comments, 
#post_2 .serendipity_msg_important,
#post_9 .serendipity_byline,
#post_9 .serendipity_freeTag,
#post_9 .serendipity_freeTag_related,
#post_9 .serendipity_comments, 
#post_9 .serendipity_msg_important,
#post_10 .serendipity_byline,
#post_10 .serendipity_freeTag,
#post_10 .serendipity_freeTag_related,
#post_10 .serendipity_comments, 
#post_10 .serendipity_msg_important,
#post_11 .serendipity_byline,
#post_11 .serendipity_freeTag,
#post_11 .serendipity_freeTag_related,
#post_11 .serendipity_comments, 
#post_11 .serendipity_msg_important,
#post_12 .serendipity_byline,
#post_12 .serendipity_freeTag,
#post_12 .serendipity_freeTag_related,
#post_12 .serendipity_comments, 
#post_12 .serendipity_msg_important,
#post_15 .serendipity_byline,
#post_15 .serendipity_freeTag,
#post_15 .serendipity_freeTag_related,
#post_15 .serendipity_comments, 
#post_15 .serendipity_msg_important,
#post_16 .serendipity_byline,
#post_16 .serendipity_freeTag,
#post_16 .serendipity_freeTag_related,
#post_16 .serendipity_comments, 
#post_16 .serendipity_msg_important {
	position: absolute;
	visibility: collapse;
}

/* Um Sprungziele ordentlich zu erreichen, alles ausblenden - funzt nicht */
#post_2 #footer,
#post_2 #trackbacks,
#post_2 #comments,
#post_2 #feedback,
#post_2 .serendipity_msg_important,
#post_2 #respond,
#post_2 .serendipity_section_commentform,
#post_9 #footer,
#post_9 #trackbacks,
#post_9 #comments,
#post_9 #feedback,
#post_9 .serendipity_msg_important,
#post_9 #respond,
#post_9 .serendipity_section_commentform,
#post_10 #footer,
#post_10 #trackbacks,
#post_10 #comments,
#post_10 #feedback,
#post_10 .serendipity_msg_important,
#post_10 #respond,
#post_10 .serendipity_section_commentform,
#post_11 #footer,
#post_11 #trackbacks,
#post_11 #comments,
#post_11 #feedback,
#post_11 .serendipity_msg_important,
#post_11 #respond,
#post_11 .serendipity_section_commentform,
#post_12 #footer,
#post_12 #trackbacks,
#post_12 #comments,
#post_12 #feedback,
#post_12 .serendipity_msg_important,
#post_12 #respond,
#post_12 .serendipity_section_commentform,
#post_15 #footer,
#post_15 #trackbacks,
#post_15 #comments,
#post_15 #feedback,
#post_15 .serendipity_msg_important,
#post_15 #respond,
#post_15 .serendipity_section_commentform,
#post_16 #footer,
#post_16 #trackbacks,
#post_16 #comments,
#post_16 #feedback,
#post_16 .serendipity_msg_important,
#post_16 #respond,
#post_16 .serendipity_section_commentform {
	position: absolute;
	visibility: collapse;
}

#post_10 strong {
	color: #666666;
}

#post_21 .serendipity_image_right {
	float: right;
}

.sma_img_odd img,
.sma_img_even img {
	margin-bottom: 1.0em;
	width: 100%;
	max-width: 430px;
}

#sma #Termine {
	position: relative;
	top: -16px;
}

#sma #Termine h3,
#sma #Termine h4 {
	position: relative;
	top: 10px;
}

.face_block {
	text-align: center;
}

.face_img {
	width: 160px;
    border-radius: 10%;
    margin-top: 14px;
    margin-bottom: 14px;
}

.face_text h4 {
    margin-bottom:8px;
}

.face_text p {
    margin-bottom: 1.3em;
	text-align: left;
}

#serendipity_comment .form_field label[for="serendipity_commentform_url"],
#serendipity_comment .form_field #serendipity_commentform_url,
#serendipity_comment .form_field #reply-to-hint,
#serendipity_comment .form_field #serendipity_replyTo,
#serendipity_comment .serendipity_comment_s9ymarkup,
#serendipity_comment .serendipity_comment_emoticate,
#serendipity_comment .serendipity_commentDirection, 
#serendipity_comment .form_toolbar {
	position: absolute;
	visibility: collapse;	
}

#serendipity_comment .serendipity_commentDirection.serendipity_comment_spamblock {
	visibility: inherit;
	display: contents;
}

.staticpage_metainfo {
	position: absolute;
	visibility: collapse;
}

.sidebar_plugin h3,
.sidebar_plugin table,
.sidebar_plugin ul {
	margin: 0 0 0.2em;
}

.serendipity_calendar {
	border: 1px solid #ececec;
}

.serendipity_calendar thead tr, 
.serendipity_calendar tfoot tr {
	background-color: #0bbd0b;
}

/* Kleingedrucktes */
#sidebar_right section:last-of-type h3 { font-size: 108%; }
.kleingedruckt { font-size: 96%; }
.kleingedruckt_mini { font-size: 84%; }

@media screen and (min-width: 364px) { 
	#searchform {
		height: 17em;
		background-size: 360px auto;
	}

	#searchform div {
		top: 14.0em;
	}

	/* Logo */
	#logo_klotz {
		width: 360px;
	}
	
	#top_button {
		width: 2.4em;
	}
}

@media screen and (min-width: 481px) {
	#primary-nav select {
		display: block;
	}
	
	#primary-nav ul {
		display: none;
	}
}

@media screen and (min-width: 530px) {
	#searchform {
		background-size: 68vw;
	}

	#primary-nav select {
		display: none;
	}
	
	#primary-nav ul {
		display: block;
	}

	/* Logo */
	#logo_klotz {
		width: 68vw;
	}

	.sma_img_odd { float: left;	}
	.sma_img_odd img { 
		max-width: 250px;
		margin: 0.3em 1.0em 0.3em 0;
	}	

	.sma_img_even { float: right; }
	.sma_img_even img { 
		max-width: 250px;
		margin: 0.3em 0em 0.3em 1.0em;
	}	

	.face_block {
		width: 50%;
		float: left;
	}
	
	.face_text p {
		margin-left: 0.8em;
		margin-right: 0.8em;
	}
}

@media screen and (min-width: 650px) {
	#searchform {
		background-size: contain;
	}

	/* Logo */
	#logo_klotz {
		width: auto;
		height: 270px;
	}

	.sma_img_odd img,
	.sma_img_even img {
		max-width: 290px;
	}
}

@media only screen and (min-width: 768px) { 
	#page { max-width: 70em; }

	#content { width: 62%; }

	#sidebar_left,
	#sidebar_right { width: 38%; /* margin-top: 1.2em; */ }

	.col2l #sidebar_left { left: -62%; }

	.col2l #content { left: 38%; }

	.ie7 #content { width: 61.9%; }

	.ie7 #sidebar_left,
	.ie7 #sidebar_right { width: 37.9%; }

	.ie7 .col2l #sidebar_left { left: -61.9%; }

	.ie7 .col2l #content { left: 37.9%; }

	.col3 #sidebar_right { width: 25%; }

	.col3 #sidebar_left {
		left: -50%;
		width: 25%;
	}

	.col3 #content {
		left: 25%;
		width: 50%;
	}

	.ie7 .col3 #sidebar_right { width: 24.9%; }

	.ie7 .col3 #sidebar_left {
		left: -49.9%;
		width: 25%;
	}

	.ie7 .col3 #content {
		left: 24.9%;
		width: 49.9%;
	}

	#searchform div {
		position: relative;
		top: 9.5em;
		left: -1em;
	}

	/* Logo */
	#logo_klotz {
		top: -19.9em;
		right: -36.5vw;
		width: 445px;
		height: auto;
	}
	
	#top_button {
		right: 2.2em;
	}

	.sma_img_odd img,
	.sma_img_even img {
		max-width: 250px;
	}
}

@media screen and (min-width: 1024px) {
	#searchform div {
		position: relative;
		top: 9.5em;
		left: 0em;
	}
	
	#primary-nav {
		margin: auto 32px 12px;
	}

	.sma_img_odd img,
	.sma_img_even img {
		max-width: 330px;
	}
}

@media screen and (min-width: 72.5em) {
	/* Logo */
	#logo_klotz {
		right: -26.6em;
	}
	
	#top_button {
		right: calc(50% - 34.0em);
	}
	
}