/* CSS Document */

/* open-sans-300 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v17-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v17-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-ext_latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v17-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v17-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-ext_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v17-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v17-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-ext_latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v17-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v17-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-ext_latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}



/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
    font-size:100%;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
	font:inherit;
	vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display:block;
}
body {
	line-height:1;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

*,
*:after,
*:before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}



/* MISCELLANEOUS */

html {
	-webkit-text-size-adjust:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
	-ms-tap-highlight-color:rgba(0,0,0,0);
	
	-ms-overflow-style:-ms-autohiding-scrollbar;
	
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}

body {
	background:rgb(247,247,247);
	font-size:0.9em;
	font-family:'Open Sans', Arial, sans-serif;	
	font-weight:400;
	color:rgb(60,60,60);
	text-align:left;
	line-height:1.6em;
	
	-webkit-font-smoothing:antialiased;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
body.fixed {
    overflow:hidden;
}

body.body_dark {
	background:rgb(0,31,67);
}

.pos_fixed {
	position:fixed;
}


a, img, a img, h1, h2, h3, *:focus {
	outline-style:none;
	outline-color:invert;
	border:none;
}
* a:focus, a:active {
	background-color:transparent;
}

a:link, a:visited, a:link > *, a:visited > * {
	color:rgb(0,47,102);
	text-decoration:none;
    font-weight:400;

}
a:hover {
	color:rgb(90,140,200);
	text-decoration:none;
}

a.white:link, a.white:visited {
	color:rgb(255,255,255);
	text-decoration:none;
    font-weight:400;
}
a.white:hover {
	color:rgb(245,245,245);
	text-decoration:underline;
}

a.lightblue:link, a.lightblue:visited {
	color:rgb(90,140,200);
	text-decoration:none;
    font-weight:400;
}
a.lightblue:hover {
	color:rgb(245,245,245);
	text-decoration:none;
}

.lightbold {
	font-weight:400 !important;
}

.semibold {
	font-weight:600 !important;
}

.bold {
	font-weight:700 !important;
}

.italic {
	font-style:italic;
}

.uppercase {
	display:block;
	text-transform:uppercase;
}

.small {
	font-size:0.8em;
}

.small_info {
	display:block;
	margin:0 0 10px 0;
	font-size:0.8em;
	color:rgb(160,160,160);
}

ul.ul_lists {
    padding:30px;
}

ul.ul_tools {
	padding-left:30px;
	padding-right:30px;
}

ul.ul_jobs {
	padding-left:30px;
	padding-right:30px;
	padding-bottom:50px;
}

ul.ul_small {
	padding-left:30px;
	padding-right:30px;
	width:90%;
}

ul.ul_lists li, ul.ul_tools li, ul.ul_jobs li, ul.ul_small li {
	list-style:square;
	list-style-position:outside;
	text-align:left;
}

ul.ul_lists li {
    padding-bottom:10px;
}

ul.ul_tools li:nth-child(odd), ul.ul_tools li:nth-child(even) {
	padding-bottom:10px;
	padding-left:10px;
}

ul.ul_jobs li:nth-child(odd), ul.ul_jobs li:nth-child(even) {
	padding-left:10px;
}

.white {color:rgb(255,255,255) !important;}
/*.green {color:rgb(190,220,0);}*/
.green {color:rgb(170,210,0);}
.blue {color:rgb(90,140,200);}
.grey {color:rgb(105,135,155);}
.coldred {color:rgb(230,10,90);}
.darkblue {color:rgb(0,47,102);}
.black {color:rgb(60,60,60);}

.bg_white {background-color:rgb(255,255,255);}
.bg_lightgrey {background-color:rgb(228,228,230);}
.bg_green {background-color:rgb(170,210,0);}
.bg_blue {background-color:rgb(90,140,200);}
.bg_grey {background-color:rgb(105,135,155);}
.bg_coldred {background-color:rgb(230,10,90);}
.bg_darkblue {background-color:rgb(0,38,82);}
.bg_black {background-color:rgb(60,60,60);}

.border_white {border:6px solid rgb(255,255,255);}
.border_green {border:6px solid rgb(170,210,0);}
.border_blue {border:6px solid rgb(90,140,200);}
.border_grey {border:6px solid rgb(105,135,155);}
.border_coldred {border:6px solid rgb(230,10,90);}
.border_darkblue {border:6px solid rgb(0,38,82);}
.border_black {border:6px solid rgb(60,60,60);}

.border_thin_white {border:1px solid rgb(255,255,255);}
.border_thin_green {border:1px solid rgb(170,210,0);}
.border_thin_blue {border:1px solid rgb(90,140,200);}
.border_thin_grey {border:1px solid rgb(105,135,155);}
.border_thin_coldred {border:1px solid rgb(230,10,90);}
.border_thin_darkblue {border:1px solid rgb(0,38,82);}
.border_thin_black {border:1px solid rgb(60,60,60);}

.brd_round {
	-webkit-border-radius:50%; 
    -moz-border-radius:50%;
    border-radius:50%;
}
.brd_corner {
	-webkit-border-radius:20px; 
    -moz-border-radius:20px;
    border-radius:20px;
}

.center {
	text-align:center !important;
}

.text_left {
	text-align:left !important;
}
.text_right {
	text-align:right !important;
}
.text_justify {
	text-align:justify !important;
}

.hyphens {
    -webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}

.scrolltop {
	position:fixed;
	bottom:40px;
	right:50px;
	width:44px;
	height:44px;			
	text-indent:-9999px;
	display:none;			
	background:url(../graphics/icons/top.svg) no-repeat;
	z-index:600;
}

.clear {
	position:relative;
	clear:both;
	width:100%;
	height:0;
/*	height:1px;	*/
}

.separator {
	position:relative;
	display:block;
	clear:both;
	width:100%;
	max-width:1160px;
	height:1px;
}
.separator-0-50 {
	margin:0 auto 50px auto;
}
.separator-50-50 {
	margin:50px auto;
}


.line_big, .line_bottom {
	position:relative;
	display:block;
	clear:both;
	width:96%;
	max-width:1160px;
	height:2px;
	background:url(../graphics/line.png) center center repeat-x;
}
.line_big {
	margin:80px auto;
}
.line_bottom {
	margin:2rem auto 0 auto;
}

.top {
	margin-top:0 !important;
}

.right {
	margin-right:0 !important;
}

.bottom {
	margin-bottom:0 !important;
}

.left {
	margin-left:0 !important;
}

.float_left {
	float:left !important;
}

.float_right {
	float:right !important;
}

.none {
	padding:0 !important;
	border:none !important;
	background:none !important;
	
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
}

.no_padding {
	padding:0 !important;
}

.big_padding {
    padding:80px 40px !important;
}

.full_width {
	width:100% !important;
}

.hidden {
	visibility:hidden !important;
}
.visible {
	visibility:visible !important;
}

.opacity {
	opacity:1 !important;
}

.spinner {
	position:fixed;
	z-index:8900;
	top:50%;
	left:50%;
	width:80px;
	height:80px;
	margin:-100px 0 0 -40px;
	background-position:center center;
	background-repeat:no-repeat;
	
	-webkit-background-size:cover;
    -moz-background-size:cover;
	background-size:cover;
}

.spinner img {
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.spinner {
/*	background-image:url(../graphics/spinner.svg);    */
    -webkit-animation:spinner 800ms linear infinite;
	animation:spinner 800ms linear infinite;
}

@-webkit-keyframes spinner {
	from {-webkit-transform:rotate(0deg);}
	to	 {-webkit-transform:rotate(359deg);}
}
@keyframes spinner {
	from {transform:rotate(0deg);}
	to	 {transform:rotate(359deg);}
}


.full_bg, .full_bg_flex, .full_bg_loading, .full_bg_create, .full_bg_download, .menu-overlay {
    position:fixed;
	width:100vw;
	height:100vh;
	top:0;
	left:0;
    margin:0;
	padding:0;
	background-repeat:no-repeat;
    background-position:center center;
	
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
    
    overflow:hidden;
    z-index:10;
}

.full_bg_flex {
    display:flex;
    justify-content:center;
    align-items:center;
}

#login {
    background-image:url(../backgrounds/bg_login.jpg);
}

.full_bg_loading, .full_bg_create, .full_bg_download {
    display:none;
    background-color:rgba(0,10,20,0.9);
    z-index:1100;
}

.menu-overlay {
    display:none;
    background-color:rgba(0,10,20,0.9);
    z-index:980;
}

.loading, .create, .download {
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:100%;
    height:5px;
    overflow:hidden;
    z-index:1110;
}
.loading_bar, .create_bar, .download_bar {
    position:relative;
    width:100%;
    height:5px;
    background:rgb(30,145,255);
    z-index:1120;
    
    -webkit-animation-name:loader-animation;
    animation-name:loader-animation;
    
    animation-duration:3s;
    animation-iteration-count:infinite;
    animation-timing-function:ease-in-out;
}
.loading_text, .create_text, .download_text {
	position:absolute;
    display:block;
	top:50%;
	left:0;
	width:100%;
	height:auto;
	margin:0;
    padding:0 20px;
    font-size:1.5rem;
    line-height:1.2em;
    z-index:1125;
    
    -webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

@-webkit-keyframes loader-animation {
    0% {
        left:-100%;
    }
    49% {
        left:100%;
    }
    50% {
        left:100%;
    }
    100% {
        left:-100%;
    }
}

@keyframes loader-animation {
    0% {
        left:-100%;
    /*    background:rgb(60,200,220);    */
    }
    49% {
        left:100%;
    /*    background:rgb(170,210,0);    */
    }
    50% {
        left:100%;
    }
    100% {
        left:-100%;
    /*    background:rgb(190,30,130);    */
    }
}

.centering,  .centering_fullwidth {
	position:relative;
	display:block;
	max-width:1400px;
	height:auto;
	margin:0 auto;
	padding:0;
    z-index:500;
    
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
}
.centering {
    width:80%;
    overflow:hidden;
}
.centering_fullwidth {
    width:100%;
    overflow:hidden;
}



/* HEADLINES */

h1 {
	font-size:2.2rem;
	line-height:1.3em;
	font-weight:300;
	color:rgb(60,60,60);
	text-align:left;
	width:100%;
/*	text-transform:uppercase;	*/
	margin:0 0 40px 0;
}
h1.form {
	width:90%;
	font-size:2.2rem;
	line-height:1.3em;
	font-weight:300;
	color:rgb(60,60,60);
	text-align:left;
	margin:40px 0 40px 20px;
}

h2 {
	font-size:1.6rem;
	line-height:1.4em;
	font-weight:300;
	color:rgb(60,60,60);
	text-align:left;
	margin:0 0 40px 0;
}

h3 {
	font-size:1.2rem;
	line-height:1.4em;
	font-weight:400;
	color:rgb(60,60,60);
	text-align:left;
	text-transform:uppercase;
	margin:0 0 20px 0;
}

h2.alert {
	display:block;
	margin:0 0 20px 0;
	font-size:1.0rem;
	line-height:1.4em;
	color:rgb(230,10,90);
	font-weight:400;
	text-align:left;
}




h1.hl_index {
	position:relative;
	width:90%;
	height:auto;
	margin:120px auto;
	padding:0;	
	font-size:3.4rem;
	line-height:1.3em;
	font-weight:300;
	text-transform:uppercase;
    text-align:center;
    color:rgb(0,38,82);
    /*
    color:transparent;
    text-shadow:rgb(0,38,82) 0 0 20px;
    opacity:0;
    
    -webkit-transition:1000ms ease-in-out;
    -moz-transition:1000ms ease-in-out;
    transition:1000ms ease-in-out;
    */
    
    -webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
    
    visibility:hidden;
	z-index:50;
}

@media screen and (max-width: 1024px) {
    h1.hl_index {
        font-size:3.0rem;
    }
}
@media screen and (max-width: 768px) {
    h1.hl_index {
        width:90%;
        margin:100px auto;	
        font-size:2.8rem;
    }
}
@media screen and (max-width: 667px) {
    h1.hl_index {
        width:98%;
        margin:80px auto;	
        font-size:2.4rem;
    }
}

.icon_hl_index {
	display:block;
	width:auto;
	height:100px;
	margin:0 auto 60px auto;
    padding:10px;
    border-color:rgb(120,120,120);
    border-width:1px;
    border-style:solid;
    
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
	border-radius:50%;
}

.hlWrapper {
	position:relative;
	display:block;
	width:96%;
	height:90px;
	margin:100px auto 40px auto;
	padding:0;	
}
.hlWrapper:first-child {
	margin:160px auto 40px auto;
}

h4 {
	position:relative;
	display:block;
	float:left;
	height:100%;
	margin:0;
	padding:0 15px 0 30px;
	background-color:rgb(0,38,82);
	color:rgb(255,255,255);
	font-size:2.0rem;
	line-height:90px;
	font-weight:300;
	text-transform:uppercase;
}

h4:after {
	content:'';
	background-color:rgb(0,38,82);
	position:absolute;
	width:28px;
	height:28px;
	bottom:-14px;
	left:50%;
	margin-left:-14px;
	
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

.hl_seperator {
	position:relative;
	float:left;
	width:0;
	height:0;
	border-top:90px solid rgb(0,38,82);
	border-right:85px solid transparent;
}

.icon_hl {
	display:block;
	float:right;
	width:auto;
	height:70px;
	margin:10px 20px 0 0;
}

@media screen and (max-width: 768px) {
    .icon_hl {
        display:none;
    }
}



/* BOXES */

.box_content {
	position:relative;
	display:block;
	float:left;
	overflow:hidden;
}

.box_content {
	width:96%;
	height:auto;
	margin:2%;
	padding:40px;
	/*    font-size:1.0em;    */
    font-size:1.2em;
    font-weight:300;
	line-height:1.6em;
	text-align:justify;
	
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
	
	visibility:hidden;
}

.box_surveyWrapper, .box_countryWrapper, .box_productWrapper {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}

.box_survey {
	width:29.3333%;
    min-height:200px;
	margin:2%;
	padding:0;
	background-color:rgb(255,255,255);
}

.box_survey, .box_country, .box_product {
	position:relative;
	display:block;
	float:left;
	height:auto;
	font-size:1.0em;
	line-height:1.6em;
	overflow:hidden;
    
    -webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}

.box_country {
	width:16%;
	height:0;
	margin:2%;
	padding:0 0 16% 0;
	background-color:rgb(255,255,255);
}

.box_product {
	width:21%;
    height:0;
	margin:2%;
	padding:0 0 21% 0;
    background-color:rgb(255,255,255);
    border:1px solid rgb(200,200,200);
}

@media screen and (max-width: 1024px) {
    .box_survey {
        width:46%;
    }
    .box_country {
        width:29.3333%;
        padding:0 0 29.3333% 0;
    }
    .box_product {
        width:29.3333%;
	    padding:0 0 29.3333% 0;
    }
}

@media screen and (max-width: 667px) {
    .box_survey {
        width:96%;
    }
    .box_country {
        width:46%;
        padding:0 0 46% 0;
    }
    .box_product {
        width:46%;
	    padding:0 0 46% 0;
    }
}

.box_survey_overlay {
    position:absolute;
    display:block;
    width:0;
    height:0;
    background:rgb(0,38,82);
    z-index:10;
    
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    
    -webkit-transition:all 400ms ease-in-out;
    -moz-transition:all 400ms ease-in-out;
    transition:all 400ms ease-in-out;
    
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}

.box_survey:hover .box_survey_overlay, .box_survey:active .box_survey_overlay {
    width:225%;
    height:562.5px;
}

.box_survey h3 {
    -webkit-transition:color 200ms;
    -moz-transition:color 200ms;
    transition:color 200ms;
    
    -webkit-transition-delay:200ms;
    -moz-transition-delay:200ms;
    transition-delay:200ms;
}

.box_survey:hover h3 {
	color:rgb(255,255,255);
}

.box_country_overlay, .box_product_overlay {
	position:absolute;
    display:block;
	top:0;
	left:0;
	right:0;
	bottom:0;
    width:100%;
    height:100%;
	margin:0;
	padding:10%;
	opacity:0;
    border:none;
    border-width:0px;
    outline:none;
    
    background-position:center center;
	background-repeat:no-repeat;
	
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;	
	
	-webkit-transition-property:all;
	-moz-transition-property:all;
	-ms-transition-property:all;
	-o-transition-property:all;
	transition-property:all;
  
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
	
	-webkit-transform-origin:center center;
	-moz-transform-origin:center center;
	transform-origin:center center;
  
	-webkit-transition-duration:300ms;
	-moz-transition-duration:300ms;
	-ms-transition-duration:300ms;
	-o-transition-duration:300ms;
	transition-duration:300ms;
  
	-webkit-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	-ms-transition-timing-function:ease-out;
	-o-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
}

.box_country span, .box_product_overlay span {
	position:absolute;
	display:block;
	top:50%;
	left:10%;
	width:80%;
	color:rgb(255,255,255);
	text-align:center;
	
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.box_survey form {
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:100%;
    height:100%;
    margin:0;
    padding:0;
    border:none;
    border-width:0px;
    outline:none;
    z-index:60;
}

.box_country:hover .box_country_overlay {
	background-color:rgb(0,38,82);
}

.box_country:hover .box_country_overlay, .box_country:active .box_country_overlay {
	opacity:1;
	
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	
	-webkit-user-select:none;
	-webkit-touch-callout:none;
}

#box_austria {background-image:url(../graphics/countries/oesterreich.png);}
#box_bulgaria {background-image:url(../graphics/countries/bulgarien.png);}
#box_croatia {background-image:url(../graphics/countries/kroatien.png);}
#box_czech {background-image:url(../graphics/countries/tschechien.png);}
#box_denmark {background-image:url(../graphics/countries/daenemark.png);}
#box_estonia {background-image:url(../graphics/countries/estland.png);}
#box_finland {background-image:url(../graphics/countries/finnland.png);}
#box_france {background-image:url(../graphics/countries/frankreich.png);}
#box_germany {background-image:url(../graphics/countries/deutschland.png);}
#box_greece {background-image:url(../graphics/countries/griechenland.png);}
#box_italy {background-image:url(../graphics/countries/italien.png);}
#box_latvia {background-image:url(../graphics/countries/lettland.png);}
#box_lithuania {background-image:url(../graphics/countries/litauen.png);}
#box_portugal {background-image:url(../graphics/countries/portugal.png);}
#box_romania {background-image:url(../graphics/countries/rumaenien.png);}
#box_slovakia {background-image:url(../graphics/countries/slowakei.png);}
#box_spain {background-image:url(../graphics/countries/spanien.png);}
#box_sweden {background-image:url(../graphics/countries/schweden.png);}
#box_uk {background-image:url(../graphics/countries/uk.png);}
#box_us {background-image:url(../graphics/countries/us.png);}



/* CONTENT */

.prev_site {
	display:block;
	float:left;
	width:45%;
	margin:10px 0 0 20px;
	padding:0;
	text-align:left;
}

.next_site {
	display:block;
	float:right;
	width:45%;
	margin:10px 20px 0 0;
	padding:0;
	text-align:right;
}

.prev_site a, .next_site a {
	display:inline-block;
	height:33px;
	line-height:33px;
	text-transform:uppercase;
	
	-webkit-transition:color 200ms ease;
	-moz-transition:color 200ms ease;  
	transition:color 200ms ease;
}

.prev_site a img, .next_site a img {
	width:42px;
	height:33px;
	opacity:0.7;
	
	-webkit-transition:opacity 300ms ease;
	-moz-transition:opacity 300ms ease;  
	transition:opacity 300ms ease;
}

.prev_site a img {
	float:left;
	padding:0 10px 0 0;
}
.next_site a img {
	float:right;
	padding:0 0 0 10px;
}
.prev_site a:hover > img, .next_site a:hover > img {
	opacity:1.0;
}

.spacer_footer {
	position:relative;
	clear:both;
	width:100%;
	height:200px;
}



/* ----------- MEDIA QUERIES ----------- */

@media 		
	only screen 
    	and (max-width: 1200px)
{

.centering, .centering_overflow {
	width:90%;
}

}


@media screen and (min-width: 320px) and (max-width: 768px) {
h1 {
	font-size:1.5rem;
	line-height:1.3em;
	margin:0 0 30px 0;
	width:100%;
}

h2 {
	font-size:1.3rem;
	line-height:1.3em;
	margin:0 0 10px 0;
}

.hlWrapper:first-child {
	margin:140px auto 40px auto;
}

.line_big, .line_bottom {
	margin:40px 1%;
	width:98%;
}

ul.ul_tools {
	padding-left:20px;
}

li:nth-child(odd), li:nth-child(even) {
	padding-bottom:10px;
	padding-left:5px;
}

.scrolltop {
	bottom:20px;
	left:50%;
	margin-left:-22px;
}

/* BOXES */

.box_content {
	width:96%;
	padding:20px 15px;
	font-size:1.0em;
	line-height:1.6em;
}

.more {
	padding:0 15px;
}

.prev_site {
	margin:10px 0 40px 1%;
}

.next_site {
	margin:10px 1% 40px 0;
}

.button_top {
	margin-top:20px !important;
}

}


@media 
	only screen 
		and (min-device-width: 668px) 
    	and (max-device-width: 1024px) 
    	and (orientation: landscape),
			
	only screen 
    	and (max-width: 1024px)
{

.centering, .centering_overflow {
	width:90%;
}

.hl_opener, .hl_header {
	font-size:2.0rem;
	margin:0 0 40px 0;
}

}


@media 
	only screen 
    	and (min-device-width: 668px) 
    	and (max-device-width: 768px) 
    	and (orientation: portrait),
	
	only screen 
    	and (max-width: 768px)
{

.centering, .centering_overflow {
	width:90%;
}

.hlWrapper {
	height:80px;
	margin:80px auto 40px auto;	
}

h4 {
	padding:0 5px 0 20px;
	line-height:80px;
	font-size:1.9rem;
}

.hl_seperator {
	border-top:80px solid rgb(0,38,82);
	border-right:80px solid transparent;
}

}


@media 
	only screen 
    	and (min-device-width: 320px) 
    	and (max-device-width: 667px) 
    	and (orientation: landscape),
		
	only screen 
    	and (max-width: 667px)
{

.hlWrapper {
	height:70px;
	margin:40px auto 20px auto;	
}

h4 {
	padding:0 5px 0 20px;
	line-height:70px;
	font-size:1.4rem;
}

.hl_seperator {
	border-top:70px solid rgb(0,38,82);
	border-right:70px solid transparent;
}

}


@media 
	only screen 
    	and (min-device-width: 320px) 
    	and (max-device-width: 667px) 
    	and (orientation: portrait),
		
	only screen 
    	and (max-width: 667px)
{

.centering, .centering_overflow {
	width:100%;
}

ul.ul_small {
	width:100%;
}

.prev_site, .next_site {
	display:none;
}

}


@media 
	only screen 
    	and (min-device-width: 320px) 
    	and (max-device-width: 667px) 
    	and (orientation: portrait)
{

.hlWrapper {
	height:55px;
	margin:40px auto 20px auto;
}

h4 {
	padding:0 0 0 15px;
	font-size:1.2rem;
	line-height:55px;
}

.hl_seperator {
	border-top:55px solid rgb(0,38,82);
	border-right:48px solid transparent;
}

}


/*
darkblue CI/CD:		#002652, rgb 0,38,82
für schrift:		#002f66, rgb 0,47,102
lightblue:			#5a8cc8, rgb 90,140,200
orange:				#ff5a00, rgb 255,90,0
*/