html {height: 101%;} 



.desktop-only {
    display: block;
}

.mobile-only {
    display: none;
}


.clearfix:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}


* {
    margin: 0;
    padding: 0;
    
}




body {
	background: #FFFFFF url(../bilder/bg_blau.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	
}


.pixscal {
    max-width: 100%;
    height: auto;
}

video {
	max-width: 100%;
	height: auto;
  }



h1 {
	font-size: 2em;
	color: #bfbfbf;
}

h2 {
	font-size: 1.3em;
	color: #bfbfbf;
}

h3 {
	font-size: 100%;
}

p, ul, ol {
	margin-bottom: 10px;
	line-height: 1.5em;
}

ul, ol {
	margin-left: 3em;
}


.text1 {
	font-size: 1.5em;
	color: #bfbfbf;
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
}

.text2 {
	font-size: 1em;
	font-weight: bold;
	color: #3b97b6;
	
}

.text3 {
	font-size: 1.5em;
	color: #666666;
	line-height: 1.5em;
}

.text4 {
	font-size: 1.2em;
	color: #555555;
	font-weight: bold;
}


.hoch_a {font-size: 15px;}

.grau {
	
	color: #999999;
}


.fett {
font-weight: bold;

}


blockquote {
	padding-left: 4em;
	background: url(../bilder/img08.gif) no-repeat;
	font-style: italic;
}

a:link, a:visited {
	color: #3b97b6;
	text-decoration: none;
    
}

a:hover {
	text-decoration: none;
	color: #11607b;
     
}

img {
	border: none;
}





/* Header */

.header-pic {
	max-width:750px;
	height: auto;
	margin: 0 auto;
}




/* Page */

#page {
	width: 750px;
	margin: 0 auto;
	padding: 20px 0;
}

/* Content */

#content {
	float: left;
	width: 520px;
	
}


#content_breit {
	float: left;
	width: 700px;
	
}



#subkasten {
	
	float: left;
	width: 730px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #43acce;
	margin-bottom: 30px;
	background: #ecf7fe;
	padding: 0px 10px;
	
}


#name {
	
	float: left;
	width: 600px;
	height: 50px;
	margin: 0px;
	padding: 0px;
		
}



#fotobar, #fotobar_bio {
	
	float: right;
	width: 155px;
	padding: 20px;
	border: 1px solid #3b97b6;
}


#buchbox {
	width: 450px;
	float: left;
	margin: 20px 0px 0px 0px;
	padding-left: 20px;
	border-left: 1px solid #3b97b6;
}


#buchbildbox {
	
	float: left;
	
}




.flex-container {
	display: flex;
	background-color: #fff;
	justify-content: flex-start;
  }
  
  .flex-container > div {  
	
	line-height: 18px;	
  padding: 3px 0;
  }
  
  .jahreszahl{  
	flex: 0 0 90px;
  
  }



.tab130 {
	
	float: left;
	width: 100px;
	line-height: 1.5em;
	
}

.tab {

	width: 400px;
	float: left;
	line-height: 1.5em;
}


.bottom 
{
	bottom: 0px;
	margin: 0px;
	vertical-align: bottom;
	line-height: 1.5em;
	display: block;
	float: left;
	padding-left: 10px;

}

.abstand1 {

	padding-top: 9px;
}


#facebook a {
	float: left;
	height: 30px;
	width: 30px;
	display: block;
	background-image: url(../bilder/facebook_logo.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#facebook a:hover {

	float: left;
	height: 30px;
	width: 30px;
	background: url(../bilder/facebook_logo_ro.png) no-repeat;
	display: block;
	background-position: left center;
	
	
}


#twitter a {
	float: left;
	height: 30px;
	width: 30px;
	display: block;
	background-image: url(../bilder/twitter_logo.png);
	background-repeat: no-repeat;
	margin-left: 15px;
	background-position: left center;
}

#twitter a:hover {

	float: left;
	height: 30px;
	width: 30px;
	background: url(../bilder/twitter_logo_ro.png) no-repeat;
	display: block;
	background-position: left center;
	margin-left: 15px;
	
}


#blog a {
	float: left;
	height: 30px;
	width: 30px;
	display: block;
	background-image: url(../bilder/blog_logo.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 15px;
}


#blog a:hover {

	float: left;
	height: 30px;
	width: 30px;
	background: url(../bilder/blog_logo_ro.png) no-repeat;
	display: block;
	background-position: left center;
	margin-left: 15px;
	
}


#fb a {
	position: absolute;	
	margin-left: 350px;
	
	width: 140px;
	height: 38px;
	float: right;
	
	background-image: url(../bilder/facebook.jpg);
	background-repeat: no-repeat;
   
}

#fb a:hover {
	
position: absolute;
	width: 140px;
	height: 38px;
	float: right;
	
	background-image: url(../bilder/facebook_over.jpg);
	background-repeat: no-repeat;
	}


.anders {position: absolute; bottom: 50px;}
.genuss {position: absolute; bottom: 50px;}
.genuss2 {position: absolute; bottom: 50px;}
.magisch {position: absolute; bottom: 90px;}
.mensch {position: absolute; bottom: 90px;}
.monster {position: absolute; bottom: 50px;}

	




.post {
	margin-bottom: 20px;
	padding: 0 10px;
	position: relative;

}

.hr {
	border-bottom: 1px solid #EDEBD5;
	padding-bottom: 20px;


}




/* Menu */

#menu {
	font-size: 17px;
	font-weight: normal;
	letter-spacing: 0.8px;
	width: 750px;
	height: 65px;
	margin: 0 auto;
	border-right: 1px solid #EDEBD5;	
	font-family: Georgia, "Times New Roman", Times, serif;

	
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	width: 149px;
	height: 45px;
	padding: 20px 0 0 0;
	border-left: 1px solid #EDEBD5;
	text-decoration: none;
	text-align: center;
	
	color: #BABABA;
}

#menu a:hover {
	background: #F7F7F4;
}

#menu .active a {
	background: #a8d8f5;
	color: #FFFFFF;
}

#menu .active {
	background: #43acce;
	color: #FFFFFF;
	
	display: block;
	float: left;
	width: 149px;
	height: 45px;
	padding: 20px 0 0 0;
	border-left: 1px solid #EDEBD5;
	text-decoration: none;
	text-align: center;
	
	
}


/* Sidebar */
/* submenu */

#greenbox  {
	color: #ffffff;
	border: 1px solid #EDEBD5;
	display: block;
	height: 30px;
}

 #sidebar a.greenboxlink:link, #sidebar a.greenboxlink:visited, #sidebar a.greenboxlink:hover, #sidebar a.greenboxlink:active {
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #43acce;
	background-image: none;
	
	}


#sidebar {
	
	float: right;
	width: 210px;
	padding: 5px;
	background: #edebd5;
}

#sidebar h2 {
	margin: 0;
	padding: 5px 10px;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;

}

#sidebar h3 {
	font-size: 90%;
	color: #666666;
	font-weight: normal;

}



#sidebar ul {
	margin: 0;
	text-align: left;
	list-style: none;
	
}

#sidebar li {
}

#sidebar a {
	color: #67686e;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	display: block;
	height: 40px;
	line-height: 40px;
	background: url(../bilder/bg-sub1_blau.gif) repeat-x;
	padding-left: 10px;
	
}


#sidebar a:hover {

	color: #3b97b6;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	display: block;
	background: url(../bilder/bg-sub1_blau.gif) repeat-x;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;

}

.sidebar_active {
	color: #3b97b6;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	display: block;
	background: url(../bilder/bg-sub2_blau.gif) repeat-x;
	padding-left: 10px;
	


}


#sidebar li ul {
	padding:0px;
	margin:0px;
	text-align: left;
	list-style: none;
	text-indent: 15px;

}

#sidebar li ul li a {
	color: #67686e;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	display: block;
	line-height: 40px;
	background: url(../bilder/bg-sub1_blau.gif) repeat-x;

}

#sidebar li ul li a:hover {
	color: #3b97b6;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	display: block;
	line-height: 40px;
	background: url(../bilder/bg-sub1_blau.gif) repeat-x;

}

#sidebar .subactive {
	color: #3b97b6;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	display: block;
	line-height: 40px;
	background: url(../bilder/bg-sub1_blau.gif) repeat-x;

}


/*
#sidebar ul {
	margin: 0;
	padding: 15px;
	list-style: none;
}

#sidebar li {
}

#sidebar a {
	color: #8DC738;
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
	margin-bottom: 5px;
	display: block;
}
*/




/* Bilder */

img {
	border: none;
}

img.rechts {
	float:right;
	
}


img.links {
	float:left;
		
}

img.klein {
	float:left;
	border: 3px solid #3b97b6;
	margin: 25px 15px 0px 0px;
}

img.klein:hover {
	float:left;
	border: 3px solid #bfe3ef;
	margin: 25px 15px 0px 0px;
}


img.klein_re {
	float:left;
	border: 3px solid #3b97b6;
	margin: 25px 0px 0px 0px;
	padding: 0;
}

img.klein_re:hover {
	float:left;
	border: 3px solid #bfe3ef;
	margin: 25px 0px 0px 0px;
	padding: 0;
}


img.klein_fotobar {
	float:left;
	border: 3px solid #3b97b6;
	margin: 0px 0px 0px 0px;
	padding: 0;
}

img.klein_fotobar:hover {
	float:left;
	border: 3px solid #bfe3ef;
	margin: 0px 0px 0px 0px;
	padding: 0;
}

img.buch {
	float:left;
	border: 2px solid #d2d2d2;
	margin: 25px 15px 0px 0px;
}

img.buch:hover {
	float:left;
	border: 2px solid #aaaaaa;
	margin: 25px 15px 0px 0px;
}

/* Footer */

#footer {
 
	clear: both;
	height: 40px;	
	background: url(../bilder/footer01_blau.gif) repeat-x;
	
	width: 100%; 
	position: fixed;
	left: 0;
	bottom: 0;
	margin: 0;
	z-index: 800;


}

#footer p {
	margin: 0;
	padding-top: 15px;
	text-align: center;
	font-size: 77%;
}

#footer a {
	color: #666666;
	text-decoration: none;
}

#footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
}





a.eins:link {
	color: #959595;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
}

a.eins:visited  {
	color: #959595;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
}
a.eins:hover {
	color: #3b97b6;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;



		}
a.eins:active {
	color: #3b97b6;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
}


a.greenlink:link, a.greenlink:visited, a.greenlink:hover, a.greenlink:active {
	color: #3b97b6;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;



		}




.bullet1 {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
	
}

.bullet1 li {
	margin:0px;
	padding-left: 1.5em;
	background-image: url(../bilder/blaupunkt.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.3em;
	
}




sub, sup {  
/* Specified in % so that the sup/sup is the     
right size relative to the surrounding text */  
font-size: 75%;  

/* Zero out the line-height so that it doesn't     
interfere with the positioning that follows */  
line-height: 0;  

/* Where the magic happens: makes all browsers position     
the sup/sup properly, relative to the surrounding text */  
position: relative;  

/* Note that if you're using Eric Meyer's reset.css, this     
is already set and you can remove this rule */  
vertical-align: baseline;
}

sup {  
/* Move the superscripted text up */  
top: -0.5em;
}

sub {  
/* Move the subscripted text down, but only     
half as far down as the superscript moved up */  
bottom: -0.25em;} 
.text_klein {
	font-size: 10px;
	color: #333333;
}


.copy::before {
    content: "2024";
    
}