.poppins-regular {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
}

@keyframes small {
from {height: 100px;}
to {height: 60px;}
}
@keyframes smallpic {
from {height: 73px;}
to {height: 55px;}
}

* {
margin: 0;
padding: 0;
}

html {
scroll-behavior: smooth;
}

body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
line-height: 1.6;
}

p, h1, h2, h3 {
margin:10px;
}
h1 {
margin-top:20px;
}

img {
max-width:100%;
}


input {
font-size:1.1em; 
width:90%; 
padding:6px;
}

textarea {
font-size:1.1em; 
width:90%; 
padding:6px;
}




header {
background-color: white;
color: #333333;
padding: 10px 0;
text-transform:uppercase;
position:fixed;
width: 100%;
top: 0px;
height:100px;
border:solid 0px #efefef;
border-bottom-width:1px;
}

.down header {
animation-name: small;
animation-duration: 1.2s;
animation-fill-mode: both;
}
.down .nav_left img{
animation-name: smallpic;
animation-duration: 1.2s;
animation-fill-mode: both;
}

nav {
display:flex;
align-items:center;
justify-content:center;
height:100%;
width:100%;
}
nav ul {
list-style: none;
padding: 0;
text-align: center;
}
nav ul li {
display: inline;
margin-right: 20px;
}
nav a {
color: #333333;
text-decoration: none;
}


div.nav_left {
width:150px;
}

div.nav_mid {
width:calc(100% - 320px);
}

div.nav_right {
width:106px;
display:flex;
justify-content:space-between;
}
div.nav_right img{
width:25px;
}
div.nav_right_mob {
display:none;
}
div.nav_right_mob img{
width:25px;
}

.nav_mid_mob {
display:none;
}





main {
margin-top:100px;
max-width:100%;
overlow-x:hidden;
}

div.mainpage {
//min-height:90vh;
}
div.mainpage_bottom {
width:100%;
display:flex;
gap:10px;
justify-content:center;
margin-top:25px;
}

div.main_short {
background-color:#009EE1;
color:white;
padding-top:40px;
padding-bottom:40px;
}
div.main_short div{
width:800px;
max-width: 100%;
margin: auto;
}
div.main_short a{
text-decoration:none;
color:#009EE1;
}
div.main_short p{
hyphens: auto;
}

div.main_inhalt {
max-width:800px;
margin:auto;
margin-bottom:50px;
margin-top:40px;
}
div.main_inhalt a{
text-decoration:none;
color:#009EE1;
}
div.main_inhalt p{
text-align:justify;
hyphens: auto;
}

footer {
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 0px 0;
    position: fixed;
    width: 100%;
    bottom: 0px;
    display:none;
}
footer a{
text-decoration:none;
color:white;
margin-left:10px;
}







div.kurzinfo {
width:220px;
display: flex;
flex-direction: column;
align-items: center;
font-size:0.9em;
margin:20px;
text-align:center;
color:#222222;
cursor:pointer;
}
div.kurzinfo img{
width:50px;
margin-bottom:10px;
}

p.pbild {
color:#009EE1;
font-size:0.9em;
text-align:center;
margin-left:20px;
margin-right:20px;
font-style:italic;
}

p.pblank {
margin-bottom:70px; 
margin-top:-50px;
}

div.klapp {
display:none;
margin-left:20px;
margin-right:20px;
padding-bottom:50px;
padding-top:30px;
}

ul.bedingungen {
margin-left:35px; 
margin-right:35px;
}

div.zentren {
display:flex; 
justify-content:space-evenly; 
align-items:center;
}
div.zentren div {
max-width:45%;
}
div.zentren a {
display:flex; 
align-items:center; 
margin:4px;
}
div.zentren img {
margin-right:10px; 
width:22px;
}

p.logos_team {
text-align:center;
}
p.logos_team a {
style='margin:25px;
}
div.main_inhalt_team {
max-width:800px;
margin:auto;
margin-bottom:50px;
margin-top:40px;
}
div.team {
width:200px;
text-align:center;
hyphens: none;
}
div.team_oben {
display:flex;
text-align:center;
}
p.team_title {
color:#555555; 
font-size:0.8em; 
margin-bottom:-12px; 
margin-top:-20px;
text-align:center;
}

img.flow_mob {
display:none;
}

div.navi_mob {
display:none;
position:fixed;
top:5px;
right:10px;
left:10px;
background-color:white;
z-index:1;
border:solid #009EE1 1px;
text-align:center;
border-radius:2px;
text-align:center;
padding:5px;
padding-top:20px;
padding-bottom:20px;
box-shadow:0px 5px 5px #666666;
}
div.navi_mob p{
text-align:center; 
margin-bottom:15px;
}
a.navi_moba {
color:#333333; 
border:#333333 solid 1px; 
border-radius:20px; 
display:inline-block; 
padding-left:14px; 
padding-right:14px; 
font-weight:bold;
}
div.navi_mob a{
display:block;
text-align:center;

}
div.language_mob {
display:none;
position:fixed;
top:5px;
right:10px;
width:50px;
background-color:white;
z-index:1;
border:solid #009EE1 1px;
text-align:center;
border-radius:2px;
text-align:center;
padding:5px;
}

@media (max-width: 1280px) {
	li#link_infos {
		display:none;
	}
}
@media (max-width: 1090px) {
	li#link_aufbau {
		display:none;
	}
}
@media (max-width: 950px) {
	li#link_news {
		display:none;
	}
}
@media (max-width: 890px) {
	li#link_zentren {
		display:none;
	}
}
@media (max-width: 800px) {
	li#link_partner {
		display:none;
	}
}

/* Stile für Mobilgeräte */
@media (max-width: 760px) {
	li#link_infos, li#link_aufbau, li#link_news, li#link_zentren, li#link_partner, div#nmob li {
		display:block;
		margin:0px;
	}
	div#topanc_studie {
		padding-top:40px;
	}


    	main {
        	padding: 10px;
		max-width:calc(100% - 20px);
    	}
	header {
		max-width:100%;
	}
	nav {
		align-items:center;
		justify-content:space-around;
	}
    	nav ul {
        	text-align: left;
        	padding-left: 10px;
    	}
	div.nav_mid {
		display:none;
	}
	div.nav_mid_mob {
		display:inline-block;
	}
	div.nav_mid_mob a{
		color:#009EE1;
	}
	div.nav_right {
		display:none;
	}
	div.nav_right_mob {
		display:flex;
	}

	h1 {
		font-size:1.25em;
	}
	h2 {
		font-size:1.25em;
	}

    	div.kurzinfo {
		margin:auto;
		padding-top:25px;
		margin-top:10px;
	}
	div.kurzinfo h2 {
		margin-bottom:0px;
		margin-top:0px;
	}
	div.mainpage_bottom {
		display: block;
	}
	
	div.klapp {
		display:none;
		margin-left:15px;
		margin-right:15px;
		padding-bottom:50px;
		padding-top:30px;
	}
	img.flow_mob {
		display:inline-block;
	}
	img.flow_full {
		display:none;
	}
	div.zentren a {
		font-size:0.8em;
	}
	div.zentren img {
		margin-right:7px; 
		width:18px;
	}
	div.team_oben {
		display:inline-block;
		width:100%;
	}
	div.team {
		margin:auto;
		padding-bottom:25px;
	}
}