@charset "UTF-8";
/* CSS Document */



* {border:0;padding:0;font-family: aglet-slab, sans-serif; line-height:1.75em; color:#0F206C; vertical-align: top; -webkit-transition: .5s;-moz-transition: .5s;-o-transition: .5s;transition: .5s; }

body {margin: 0 auto; width: 100%;  font-weight: 400;}


header, .content {width: 90%; margin: 0 auto;max-width: 70em;}
.content {margin: 3em auto}
.language img {display: block; width:2em; margin: 0 0 0 auto;}
.logo {display: inline-block; height: 8em; margin: 2em 0 2em;}

.social {padding-top:5em;  display: inline-block; float: right; }
.social img {height:2em; display: inline-block; margin-left: 2em;}
.social img:hover {margin-top:-.5em}

.main-gallery {height:30em!important; width: 100%; overflow-y: hidden; }
.main-gallery img {height: 30em; min-width: 100%; resize: both;}

p, li {font-size: 1.2em}
h2 {font-size : 2em;}
h1 { font-size : 3em; color : #E7004C; text-align: center; margin: .5em auto}
h3  {font-size : 1.5em; margin-bottom: 0}
h1, h2, h3 {font-weight : bold;}

a, .intro, h3, li:before {color: #E7004C; text-decoration: none}
a:hover {text-decoration: underline}

.intro  {color:#FFFFFF; font-size: 1.5em; }

#intro {width:100%; margin: 0 auto 2em; padding: 1em 0 2em; background-color:#0F206C;}

.l-rood { background-color: rgba(231,0,76,0.15); width: 100%; padding: 1em 0; margin: 3em 0;}

ul { list-style: none;}
li { text-indent: -1.1em;padding-left: 1.1em;}
li:before {content: ">"; font-weight: bold; padding-right: .5em}

.break { display: inline; border-left: 1px solid; border-color: #E7004C; padding-left: 1em; margin-left:1em;}
.slogan, .slogan2, .slogan strong {color:white; z-index: 99; position: relative}
.slogan {margin: 3em auto -1.7em; font-size: 1.7em;display: block;}
.slogan2 {letter-spacing: .1em}
.kolom {width: 30%; display: inline-block}

.small {font-size: .9em}

.slogan-afb {float: right; z-index: -9; margin-top:-6.5em}
.slogan-afb img {height: 7em;  position: relative}


@media only screen and (max-width: 60em){

.slogan {font-size: 1.2em; }
	.slogan-afb {float: right; z-index: -9; margin-top:-6.9em}


}

@media only screen and (max-width: 48em){
.slogan {font-size: 1em; }
.slogan2 {display: block;line-height: .9em}
	.slogan-afb {float: right;  z-index: -9; margin-top:-7.4em;overflow-x: hidden; }
	.slogan-afb img {right:-7em; }
.kolom {width: 100%; display:block}
.headerfoto {width:100%; display: block; height: auto; }
.social img {margin-left: 1em;}
.logo {margin: 1em 0; max-width: 130px;}
.break { display: block; border-left: none; padding-left: 0; margin-left:0;}
.intro  {color:#FFFFFF; font-size: 1.4em; }


}