/* kleine-strolche.css */

body {
	background-color: #F6EB2D;	
	background-image:url('../images/background_20220929_02.svg');
	background-repeat:no-repeat;	
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position: 90% 25%;	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FF0000;
    margin-top: 3%;
	margin-bottom: 3%;
}

h1, h2, h3, h4 { 
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.125rem;
}

a:link {
    color: #575756;
	text-decoration: none;
}

.container {
	max-width:768px;
	width:80%;
	height:auto;
	background-color:#ffff33;
	border: 10px solid #d3d927;
	border-radius: 30px;
	padding: 5% 5% 3% 5%;
	margin: auto;	
	/*background-image:url('../images/blumen-und-sterne_20220929.svg');*/
	/*background-image:url('../images/blumen-und-sterne_20250916.svg');*/
	background-image:url('../images/blumen-und-sterne_20250917.svg');
	background-repeat:no-repeat;
	background-position: 90% 25%;
    background-size: 95%;	
}

#logo {
	width: 80%;
	height: auto;
	margin: auto;
}
#content {
	color: #575756;
	width: 80%;
	height: auto;
	margin: auto;
	font-size: 1.125rem;
	margin-bottom: 50px;
}
a.mailto-link {
	color: #575756;
}
a.mailto-link:hover {
	color: #FF0000;
}

#footer {
    text-align: center;
	width: 80%;
	height:100px;
	margin: auto;
}
ul.sm-links {
	list-style-type: none;
    padding: 0;
    height: 35px;
}
ul.sm-links li {
    float: left;
}
.fb-icon { 
	display:block; 
	margin:0; 
	padding:0; 
	border:0;
    width: 35px;
	content: url(../images/icon-facebook_20221002.svg);
}
.insta-icon { 
	display:block; 
    margin: 0 0 0 15px;	
	padding:0; 
	border:0;
    width: 35px;
	content: url(../images/icon-insta_20220929.svg);
}

ul.nav-links {
    list-style-type: none;
    padding: 0;
    height: 25px;
	/*text-align: right;*/
    color: #575756;
    /*float: left;*/
	/*display:block;*/
}
ul.nav-links li {
    float: left;
	/*font-size: .8rem;*/
	font-size: .75rem;
}
ul.nav-links li a:active, ul.nav-links li a:visited {
    float: left;
    color: #575756;
}
ul.nav-links li a.activelink, ul.nav-links li a:hover {
    float: left;
    text-decoration: underline 2px solid #FF0000;
}

p.e-recht {
	font-size: .8rem;
}
p.info {
	max-width: 300px;
}