body {
background-color: #1173b1;
}
#wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
}	
#red {
order: 2;
width: 100%; 
padding: 10px;
background: rgb(62,143,193);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6da1bf+1,1173b1+58 */
background: #6da1bf; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #6da1bf 1%, #1173b1 58%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #6da1bf 1%,#1173b1 58%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #6da1bf 1%,#1173b1 58%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6da1bf', endColorstr='#1173b1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#dd {
order: 1;
width: 100%;
padding: 10px 0px 0px 16px;
}
/*Box für Slogan*/
#dd_01 {
max-width: 280px;
margin-bottom: 8px;
}
/*Box für Infotext*/
#dd_02 {
margin-top: 6px;
}
#netzwerkwrapper {
order: 3;
width: 100%;
}
#netzwerkbild {
/*width: 100%;*/
padding: 0px 2px 0px 2px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6da1bf+1,1173b1+58 */
background: #6da1bf; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #6da1bf 1%, #1173b1 58%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #6da1bf 1%,#1173b1 58%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #6da1bf 1%,#1173b1 58%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6da1bf', endColorstr='#1173b1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#netzwerktext {
padding: 10px 10px 0px 20px;
}
/*Box für Infotext*/
#netzwerktext_01 {
margin: 10px 0px 14px 0px;
max-width: 360px;
}
#green {
order: 4;
width: 100%;
padding: 10px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6da1bf+1,1173b1+58 */
background: #6da1bf; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #6da1bf 1%, #1173b1 58%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #6da1bf 1%,#1173b1 58%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #6da1bf 1%,#1173b1 58%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6da1bf', endColorstr='#1173b1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.txt1 {
color:#aad4ff;
font-family:'tex_gyre_herosbold', Helvetica, Arial, sans-serif;
font-size:14px;
line-height: 18px;
}
/*Headline oben*/
.txt2a {
color:#FFFFFF;
font-family:'tex_gyre_herosbold', Helvetica, Arial, sans-serif;
font-size:40px;
line-height: 40px;
font-weight:normal;
letter-spacing: -0.2px;
}
/*Headline unten*/
.txt2b {
color:#FFFFFF;
font-family:'tex_gyre_herosbold', Helvetica, Arial, sans-serif;
font-size:38px;
line-height: 42px;
font-weight:normal;
}
.txt3 {
color:#FFFFFF;
font-family:'tex_gyre_heros_regular', Helvetica, Arial, sans-serif;
font-size:16px;
line-height: 20px;
}