/* CSS Document */
html {
	overflow: auto;
	letter-spacing: 1px;
}
a {
    	color: #000000;
	text-decoration: underline;
}
a:hover{
	color: #669900;
	}	
#lothos-header {
	top:0;
	width:100%
	z-index:9900
	position:sticky;
	}
.content{
	margin-top:50px;
	position:relative}
body {
	margin:0%;
	font-family:sans-serif;
	background-color: #CACACA;
	font-size: 16px;
}
td {font-family:sans-serif, Arial;}
p {margin: 0px;}

.lothosmenu{
	display: none;
}
.lothosmenu.a{
	cursor: pointer;
}
.lothosmenu.open{
	display: block;
}

.lothos-slider{	
	font-size: 22px;
	letter-spacing: 2px;
	font-family:  Arial;
	font-weight:200}
#titel {
	top: 4px;
	position: fixed;
	width: 140px;
	float: right;
	right: 40px;
	z-index: 99999;
	}
.titel{
	width:auto;
	height:55px;
	}	
.grid_lothos{
	display: grid;
	grid-template-columns: repeat(auto-fit, 300px);
	gap: 1%;
	}	
.partner{
	margin: 10px;}
.weiss{
    display:block;
	background-color: #FFFFFF;
	height: auto;
	width: 100%;
	align-items: center;
}	
        *,
        *:before,
        *:after{box-sizing: border-box;}
article, section{
            display: block;
            padding: 5% 5%;
            margin: 0 auto 4vh;
            width: 100%;
            max-width: 1120px; 
}
.animated {
            background-image: url(../images/trans.gif);
            background-repeat: no-repeat;
            -webkit-animation-duration: 3s;
            animation-duration: 3s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
         }
@-webkit-keyframes fadeIn {
            0% {opacity: 0;}
            100% {opacity: 1;}}      
@keyframes fadeIn {
        0% {opacity: 0;}
        100% {opacity: 1;}}
.fadeIn {
            -webkit-animation-name: fadeIn;
            animation-name: fadeIn;}
h1{
	font-size: 24px;
	line-height: 2;
	font-family: Tahoma, Helvetica, sans-serif;
	font-weight: normal;
	padding-top: 10px;
}
h2{
	font-size: 18px;
	line-height: 1.2;
	margin: 0px;
}
h3{
	font-size: 14px;
	padding-top: 10px;
		margin: 0px;
}
.toTopLink {
	position: fixed;
	displaY: none;
	z-index: 999;
	color: #666666;
	font-family:"avenir next", Arial;
	bottom: 35%;
	right: 4%;
	cursor: hand;
	font-size: 11px;
	text-decoration: none;
}
.toTopLink:before {
	content: '';
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 10px solid #333333;
	cursor: hand;
	padding-bottom: 16px;
	position: absolute;
	cursor: hand;
	text-decoration: none;
}
.toTopLink a{
	color: #000000;
	display: block;
	text-align: center;
	cursor: hand;
	text-decoration: none;
}
.toTopLink a:hover{
	text-decoration: none;
	color: #CCCCCC;
	cursor: hand;
}
	
@media screen and (max-width:1200px){
}
@media screen and (max-width:1024px){
}

@media only screen and (max-width : 600px) {
h1{	
	font-size: 19px;
	line-height: 2;
	letter-spacing: 2px;
	padding-top: 30px;}
.foto{width:100%;
	height:auto !important;
     margin: 0 auto 10vh;}
.lothos-slider{	
	font-size: 20px;
	letter-spacing: 1px;
	font-weight: normal;}
article, section{
	padding-top: 30px;
    padding-right: 2%;
	padding-left: 2%;}

			 
}

@media only screen and (max-width : 420px) {

.lothos-slider{	
	font-size: 14px;
	letter-spacing: 0px;
	width:102%;
	height:auto !important;}}