/*
@font-face { font-family: 'os-regular'; src: url('../font/opensans-regular.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'os-semibold'; src: url('../font/opensans-semibold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'os-light'; src: url('../font/opensans-light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'raleway-regular'; src: url('../font/raleway-regular.woff') format('woff'); font-weight: normal; font-style: normal; }
*/

* { margin:0; padding:0}
html, body { min-height:100%; min-width:100%; width:100%; height:100%; position:relative}
body { display:flex; flex-direction:column; font:normal 30px /*'os-regular',*/ Arial, Tahoma, Helvetica, sans-serif; line-height:42px }

body, a { color:#333}
a { text-decoration:none}
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h1 { font-size:62px; line-height:74px; letter-spacing:2px;}
h2 { font-size:48px; line-height:60px;  /*font-family:'raleway-regular';*/ }
strong { /*font-family:'os-semibold'; font-weight:normal*/}


.smallFont { font-size:20px; line-height:28px }
.noDisplay { display:none}
.centerText { text-align:center }
.redColor { color:red}
.greenColor { color:green}
.blueColor { color:#00579e}
.btn { background:#00579e; border-radius:5px; color:#fff; padding:15px 45px; border:none; cursor:pointer; font-size:30px}

header, footer { line-height:50px; background:#fff; padding:15px}
header { display:flex; justify-content:center}
header h1 { border-bottom:3px solid #e7e7e7; padding:15px 0; display:inline-block; margin-bottom:15px}
header .languages { position:absolute; top:45px; right:25px; text-transform:uppercase; font-weight:bold}
header .languages a { margin-left:15px}
section { flex:1; background:url(../layout/bg_body.jpg) bottom center no-repeat; background-size:cover; display:flex; flex-direction:column; align-items:center; }
section .passpartout { min-width:50%; max-width:85%; margin:50px 0;position:relative; background:rgba(255,255,255, 0.5); border:3px solid #444; border-radius:15px;  padding:50px }

section article { width:90%; height:90%; background:#fff; padding:5%; display:flex; flex-direction:column; position:relative}

section .top { display:flex; justify-content:space-between; border-bottom:2px solid #00579e; padding:0 0 10px 0; color:#666666; text-transform:uppercase; margin-bottom:3em}

section .content { flex:1}
section .content p { margin-bottom:2em}
section .content h2 { margin-bottom:1em}
section .content p.answer { border:3px solid #e7e7e7; padding:15px; margin-bottom:15px; cursor:pointer}
section .content p.answer span { /*font-family:'raleway-regular';*/ }
section .content .ytc { width:100%; height:0; padding-bottom: 56.25%; position:relative}
section .content .ytc iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


section .bottom { display:flex; justify-content:space-between; border-top:2px solid #00579e; padding:10px 0 0 0; color:#666666; text-transform:uppercase; margin-top:2em}
section .bottom * { line-height:30px }
section .bottom a { margin-left:5px; padding:0 15px} 
section .bottom span { display:flex }


footer { height:50px; display:flex; flex-direction:row; justify-content:space-between }
footer .legal a { padding:0 10px}

#lightbox { width:90%; padding:5%; background:#fff}
#lightbox #close { position:absolute; top:15px; right:15px; cursor:pointer; padding:15px; font-size:40px; font-weight:bold }
#lightbox p, #lightbox ul { margin-bottom:1em}
#lightbox  h2 { margin-bottom:2em}
#lightbox  h3 { margin-bottom:1em; font-size:36px; line-height:48px}