@charset "utf-8";
/* CSS Document */
*{box-sizing:border-box;margin:0;padding:0}
body{ width:100%;font-family:Roboto,sans-serif;font-style:normal; font-size: clamp(1em, 1.8vw, 1.1em); line-height: 1.4;}
h3{font-size:2.3em;font-weight:400;}h4{font-size:1.5em;font-weight:400; padding-bottom:10px; text-transform:uppercase}strong{font-weight:400;}
a{text-decoration:none; color:#000}a:hover{text-decoration:underline}img {display: block;border:none}

/*Farben*/
.f-white{ background-color:#fff}.f-blue{color:#fff;background-color:#7596a9}.f-gelb{background-color:#edd221; color:#000}.f-f2{color:#000;background-color:#f2f2f2}.f-1a,.f-1a a{color:#ddd6cd;background-color:#1a1e21}.f-turkis{background-color:#d9e3da}.f-beige{background-color:#f1e7d1}.f-rosa{background-color:#d6b6a1}.f-hblau{background-color:#c3daec}.f-grau{background-color:#b8bcc5}.f-hrosa{ background-color:#e1d3cc}
.rand {
	padding: 10px
}
.email { padding:10px;
	display: flex;
	justify-content: flex-end;
}
.logo {
	display: flex;
	flex-direction: column;
	height: 40vh;
	justify-content: center;
	align-items: center
}
.logo h3{font-size:1.7em;font-weight:400;}
[class*=duo-]{display: flex; flex-direction: column; margin-bottom:20px; overflow:hidden;}
[class*=duo-revers]{display: flex;flex-direction:column-reverse; overflow:hidden;}
	


[class*=duo-] .foto{padding: 20px}

[class*=duo-] .text{padding: 20px 10px
}
.foto img {
	width: 100%; height:auto
	
}
.zwei{display: flex; flex-direction: column; padding:0px 10px 20px 10px }
ul li{
  list-style-position: inside;
}
.blau{background-color: #c0cccf;}
.full{ padding:30px; margin-bottom:5vh}
.footer{ width:100%; height:40vh;display: flex; flex-direction: column; column-gap:10px; padding:30px;}

@media only screen and (min-width:720px) {
	.rand {
	padding: 0px
}
.under{ height:30px; border-bottom:1px solid #ccc; margin:0px 20px}
[class*=duo-]{display: flex; flex-direction:row; margin-bottom:20px}[class*=duo-] .foto{flex:1}[class*=duo-] .text{ display:flex;flex:1;flex-direction: column; padding:20px}
[class*=duo-revers]{display: flex;flex-direction:row;}
.zwei{display: flex; flex-direction:row; padding:0px 10px 20px 10px } .zwei .text{flex:1; padding:30px}
.footer{display: flex; flex-direction:row; gab:10px}.footer .item{flex:1; padding:10px}
/*vh*/
.vh-5{ height:5vh}.vh-10{ height:10vh}.vh-15{ height:15vh}.vh-20{ height:20vh}.vh-25{ height:25vh}.vh-30{ height:30vh}.vh-40{ height:40vh}.vh-50{ height:50vh}.vh-60{ height:60vh}.vh-70{ height:70vh}.vh-75{ height:75vh}.vh-80{ height:80vh}.vh-90{ height:90vh}.vh-100{ height:100vh}
/*Prozente*/
.pro-5{ width:5%}.pro-10{ width:10%}.pro-15{ width:15%}.pro-20{ width:20%}.pro-25{ width:25%}.pro-30{ width:30%}.pro-35{ width:35%}.pro-40{ width:40%}.pro-45{ width:45%}.pro-50{ width:50%}.pro-60{ width:60%}.pro-70{ width:70%}.pro-75{ width:75%}.pro-80{ width:80%}.pro-90{ width:90%}.pro-100{ width:100%}
/*row*/
.row-C{justify-content:center}.row-R{justify-content:flex-end}.row-M{align-items:center}.row-B{align-items:flex-end}.row-LT{justify-content:flex-start;align-items:flex-start}.row-LM{justify-content:flex-start;align-items:center}.row-LB{justify-content:flex-start;align-items:flex-end}.row-CT{justify-content:center;align-items:flex-start}.row-CM{justify-content:center;align-items:center}.row-CB{justify-content:center;align-items:flex-end}.row-RT{justify-content:flex-end;align-items:flex-start}.row-RM{justify-content:flex-end;align-items:center}.row-RB{justify-content:flex-end;align-items:flex-end}
/*co*/
.co-C{align-items:center}.co-R{align-items:flex-end}.co-M{justify-content:center}.co-B{justify-content:flex-end}.co-TL{justify-content:flex-start;align-items:flex-start}.co-TC{justify-content:flex-start;align-items:center}.co-TR{justify-content:flex-start;align-items:flex-end}.co-ML{justify-content:center;align-items:flex-start}.co-MC{justify-content:center;align-items:center}.co-MR{justify-content:center;align-items:flex-end}.co-BL{justify-content:flex-end;align-items:flex-start}.co-BC{justify-content:flex-end;align-items:center}.co-BR{justify-content:flex-end;align-items:flex-end}.reverse{flex-direction:row-reverse}.c-reverse{flex-direction:column-reverse}.space-between{justify-content:space-between}.space-around{justify-content:space-around}.space-evenly{justify-content:space-evenly}.stretch{ align-items: stretch;}.end{flex-grow: 1; align-self: flex-end;}	
	}