@charset "utf-8";
/* main.css for thomas-schmieder.de */

html {
	width: 100%;
/*	height: 100%; */
}

body {
	width: 100%;
/*	height: 100%;	*/
    font-family: 'century gothic', sans-serif;
    font-size: 11pt;
    margin: 0;
	padding: 0;
    background-image: url("/images/raster-74-74.png");
    background-attachment: fixed;

	padding-bottom: 30px;
	margin-bottom: 30px;
	
/*    background-repeat: */
}

main {
/*	padding-bottom: 30pt; */
	margin-bottom: 30px;
}

header {
    margin: 0;	
}

header h1 {
    font-size: 30pt;
    font-style: italic;
    font-variant: small-caps;	
    font-weight: bolder;
    margin-left: 40px;
    margin-right: 40px;
    text-shadow: 3px 3px 8px red;	
}

section {
	border: 1px solid #8080FF;	
    padding: 10pt;
	max-width: 1000px;
	margin-left: 40px;
	margin-right: 40px;	
    margin-top: 20pt;
    border-radius: 15px;
/*    border-top-left-radius: 0; */
    border-bottom-right-radius: 0;
    box-shadow: 8px 10px #A0A0A0;
    overflow: auto; 
    background-color: rgba(248, 248, 230, 0.8);
/*    opacity: 0.8; */
}

p.subtitle {
    font-size: 13.5pt;
    margin-left: 40px;
    margin-top: -16px;
    color: #3030F0;
    font-weight: bolder;
}

#tsportrait {
    width: 200px;
    border: 1px solid blue;
    padding: 4px;
    float: left;
    margin-right: 20px;
    margin-bottom: 15px;	
}

#banner {
    width: 100%;	
}

.warning {
    color: #f03030;

}

.spalten {
/*    max-width: 800px;*/
/*    column-count: 1; */
    column-width: 200pt;
    column-gap: 10pt;
		
/*    -moz-column-count: 1; */
    -moz-column-gap: 10pt;
    -moz-column-width: 200pt;

/*    -webkit-column-count: 1; */
    -webkit-column-gap: 10pt;
    -webkit-column-width: 200pt;

}

@media (max-width: 650px) { 
	body {
		margin-bottom: 60px; 
		padding-bottom: 60px; 
	}

	header h1 {
		margin-left: 10px;
		margin-right: 10px;
	}

	main {
/*		padding-bottom: 50pt; */
		margin-bottom: 60px;
	}

	section {
		margin-left: 10px;
		margin-right: 10px;
	}
	
	.spalten {
		column-width: 100%;
/*		column-count: 1;  */

		-moz-column-width: 100%;
		-webkit-column-width: 100%;
	}
}


p {
    margin-top: 0;
    margin-bottom: 0;	
}

.spalten h2 {
	margin-bottom: 10pt;
}

@media (min-width: 651px){ 
	.spalten h3 {
		margin-top: 10pt;

		break-before: column;
		-moz-column-break-before: column;
		-webkit-column-break-before: column;
		break-after: avoid;
		break-after: avoid-column;
		-moz-break-after: avoid-column; 

		-moz-column-break-after: avoid;
		-webkit-column-break-after: avoid;

		margin-bottom: 5pt;
	}
}

div.bind {
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
	margin-bottom: 10pt;
}

h3 + p {
    margin-top: 5pt;
    break-before: avoid;	
/*    break-before: avoid-column; */

/*    -webkit-column-break-before: avoid-column; */
/*    -moz-column-break-before: avoid-column; */

    -webkit-column-break-before: avoid;
    -moz-column-break-before: avoid;
}

div.spalten > h3:first-child  {
    margin-top: 0;
}

p + h3 {
	margin-top: 10pt;
}

p + p {
    margin-top: 5pt;
   
}

nav {
	text-align: center;
    margin: 0;
	width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
}

nav ul {
	display: inline-block;
    width: 100%;
    list-style: none;
	padding-left: 10px;
    background-color: #EEEEFF;
    margin: 0;
    border-top: 0.5px solid blue;
}

nav ul li { 
    display: inline-block;	
    padding-right: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
}

section.address p {
   margin-top: 1pt;	
   margin-bottom: 1pt;
}