@charset "utf-8";
/* CSS Document */
/* web-alternative to DIN: Ropa Sans -> https://graphicdesign.stackexchange.com/a/9347 */
/*@import url('https://fonts.googleapis.com/css?family=Ropa+Sans:400,400i');*/

html {
	font-family: Arial, sans-serif;
	font-size: 100%;
	line-height: 120%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body {
	background-color:#ffffff; 
	margin:20px 0 0 0; padding:0;
	color:#1d1d1b;
}
#around{
	/*max-width:2200px;*/
}
.cntr{ text-align:center;}
.w100{ width:100%; display: inline-block; padding-top:10px; padding-bottom:10px;}
.w100.back{background-color:#fafafa;}
.w100.backfooter{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00645f+0,009692+100 */
	background: #00645f; /* Old browsers */
	background: -moz-linear-gradient(top,  #00645f 0%, #009692 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #00645f 0%,#009692 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #00645f 0%,#009692 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00645f', endColorstr='#009692',GradientType=0 ); /* IE6-9 */
	padding-bottom: 0;
	color:#ffffff;
}
.maxwdth, header,nav,article,footer{ max-width:1000px; margin-right:auto; margin-left: auto;}

header, nav,article,footer{padding-left:1em; padding-right:1em;}
/*header,nav,main{ margin:20px;}*/

#background {
	z-index: -1;
	background-repeat: no-repeat;
	background-position: center;
	/*background-image: url('/img/bg.jpg');*/
	background-size: cover;
	display: block;
}

header,main,main h1,article{ text-align: center; }

.clear{clear:both;}
h1,h2,h3{font-weight:600; padding-top:0;}

h1{ font-size:32px; line-height:1.3em; margin:0; padding-bottom:0.5em;}
h2{ font-size:24px; line-height:1.3em;  padding-top:0.5em;}
h3{ font-size:18px; line-height:1.3em; margin:0; padding-top:0.5em;}


.color-3 {color:#007575;} 
.back-pink{ background-color:#c9165f;}
.back-blue{background-color: #113687;}
.green{color:#009789;}
.blue{color:#29367E;}
.grey{color:#606770;}


h1.left,h2.left,ul.left{text-align:left; }

ul li{ margin-bottom:10px;}

ul#menuItems{ font-weight:bold;}

a.rundas{color:#007575;}
a,a:link,a:visited{color:#007575; text-decoration:none;}
a:focus,a:hover,a:active{color:#007575; text-decoration: underline;}
.w100.backfooter a{color:#ffffff!important;}
.w100.pt0{padding-top:0!important;}
.w100.pb0{padding-bottom:0!important;}

ul, p{
	/*background-color: #cccccc;*/
	margin:0 0 1.0em 0;
}
.bold{font-weight:bold}
blockquote{ font-style:italic;}

section.cta{
	margin-top:1em;
	line-height:2em;
	text-align: center!important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-weight:600;
}

section.cta a{
	display:block;
	color:#ffffff; font-size:20px;
}


section.left,div.left{
	float:left;
	text-align:left;
	margin:0;padding:0;
}

section.right,div.right{
	float:right;
	text-align:left;
	margin:0;padding:0;
}

.backWhiteTransp{background-color: rgba(255,  255,  255,  0.4);background: rgba(255,  255,  255,  0.6);}



figure{padding:0; margin-top:0;margin-bottom:1em;}
figure img{width:100%; /*max-width:400px;*/
-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
figcaption{
	font-style: italic;
	color: #4c4c4c;
	/*background-color:#ffffff;*/
	margin-bottom:1.5em; margin-top:0;
	padding:0;
	
}

figure.left{/*float:left;*/ margin-left:0;}
figure.right{float:right;}
figure,figure.left img,figure.right img,figcaption{text-align:center; margin-left:auto;margin-right:auto;}

/*figure.left img,figure.right img{ margin-left:auto;margin-right:auto;}*/
/*figure.left img.left{text-align:left;}*/
.max150{max-width:150px;}
.min130{min-width:130px;}
.w90{width:90%!important;}
.wMin160{ min-width: 160px; }

.p05{padding:0.5em!important;}
.m-l-0{margin-left:0!important;}
figure.left.m-l-0{ text-align:left;}

/*footer {
	display: block;
	clear: both;

	margin:1rem 0 0 0; padding:0;
	height: auto;
	width: 100%; 
	background-color:#fcfcfc;
	text-align: left;
	border-top:1px solid #e4e4e4;
  }
*/
#logobox_diva{
	/*text-align:center;*/
	float:left;
	margin-bottom:1em;
	/*width:100%;*/
	max-width:600px;
}
#logobox_diva svg, #logobox_diva img{ width:100%; }
#logobox_rnds{
	/*padding-left:20px;*/
	padding-top:1rem;
}
#logobox_rnds svg{
	width:200px;
}

video,.ytvideo{max-width:800px}

.ytvideo{
	width:100%!important;
}

#toTop{
	position:fixed;
	bottom:100px;
}







/*********************** Navigation ************************/

.hamburgerIcon{width:42px; float:left; clear: both; margin-bottom:1em; margin-left:16px; text-align: center; color:#113687;}
.bar1, .bar2, .bar3 {
  width: 40px;
  height: 5px;
  background-color: #113687;
  margin: 6px 0 6px 0;
  transition: 0.4s;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}
.change .bar2 {
	opacity: 0;
}
.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}

.change #navMenue{ opacity:0;}

#navCont{
	/*border: 1px solid #ff00ff;
	background-color:#dddddd;*/
	padding-left:2em;
	max-height:0px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	display:block;
	overflow: hidden;
}
#navCont ul{
	list-style-type: none;
	margin:0.5em 0 0 0;
	padding-left:0;
}
nav #navCont.change{
	max-height:500px;

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
	
}
#navCont ul li::before{content:"» ";}

	
/*********************** Navigation ************************/

/* ---------------------- below Smartphones -------------------------------------------- */
@media only screen and (max-width : 470px) {
	/*body{ border-left:1px solid #cccccc!important;}*/
	.s-0,.b-s-0{display:none;}
	.b-s-10{width:10%!important;}
	.b-s-15{width:15%!important;}
	.b-s-20{width:20%!important;}
	.b-s-25{width:25%!important;}
	.b-s-30{width:30%!important;}
	.b-s-40{width:40%!important;}
	.b-s-45{width:45%!important;}
	.b-s-50{width:50%!important;}
	.b-s-55{width:55%!important;}
	.b-s-60{width:60%!important;}
	.b-s-70{width:70%!important;}
	.b-s-80{width:80%!important;}
	.b-s-90{width:90%!important;}
	.b-s-100{width:100%!important;}
	/*.wSMin100{min-width: 100px;}*/
	.hamburgerIcon{float:none;}
	#navCont{margin:10px 0 0 0;}
	/*#navCont {margin-left:4em;}*/
}

/* ---------------------- Smartphones -------------------------------------------- */
@media only screen and (min-width : 220px) and (max-width : 768px) {
	/*body{ border-left:1px solid #ff00ff;}*/
	.s-0{display:none;}
	.s-10{width:10%;}
	.s-15{width:15%;}
	.s-18{width:18%;}
	.s-20{width:20%;}
	.s-25{width:25%;}
	.s-30{width:30%;}
	.s-35{width:35%;}
	.s-40{width:40%;}
	.s-45{width:45%;}
	.s-50{width:50%}
	.s-55{width:55%;}
	.s-60{width:60%;}
	.s-70{width:70%;}
	.s-80{width:80%;}
	.s-90{width:90%!important;}
	.s-100{width:100%;}
	.wSMin100{min-width: 100px;}
	
	figure.left.s-80{float:none; clear:both;}
	figure.right.s-80{float:none; clear:both;}
	
	.hamburgerIcon{float:none;}
	#navCont{margin:10px 0 0 0;}
	
}


/* ---------------------- iPads (portrait) ----------------------------------------------------------- */
@media only screen and (min-width : 768px) and (max-width : 1279px) and (orientation : portrait) {
	/*body{ border-left:1px solid #ffff00;}*/
	.tb-p-0{display:none;}
	.tb-p-10{width:10%;}
	.tb-p-15{width:15%;}
	.tb-p-20{width:20%;}
	.tb-p-25{width:25%;}
	.tb-p-30{width:30%;}
	.tb-p-35{width:35%;}
	.tb-p-40{width:40%;}
	.tb-p-45{width:45%;}
	.tb-p-50{width:50%;}
	.tb-p-55{width:55%;}
	.tb-p-60{width:60%;}
	.tb-p-70{width:70%;}
	.tb-p-80{width:80%;}
	.tb-p-90{width:90%;}
	.tb-p-100{width:100%;}
	
	figure.left.tb-p-80{float:none; clear:both;}
	figure.right.tb-p-80{float:none; clear:both;}
	
}

/* ---------------------- iPads (landscape) -------------------------------------------------------- */
@media only screen and (min-width : 768px) and (max-width : 1279px) and (orientation : landscape) {
	/*body{ border-left:1px solid #00ffff;}*/
	.tb-l-0{display:none;}
	.tb-l-10{width:10%;}
	.tb-l-15{width:15%;}
	.tb-l-20{width:20%;}
	.tb-l-25{width:25%;}
	.tb-l-30{width:30%;}
	.tb-l-35{width:35%;}
	.tb-l-40{width:40%;}
	.tb-l-45{width:45%;}
	.tb-l-50{width:50%;}
	.tb-l-55{width:55%;}
	.tb-l-60{width:60%;}
	.tb-l-70{width:70%;}
	.tb-l-80{width:80%;}
	.tb-l-90{width:90%;}
	.tb-l-100{width:100%;}
	
	figure.left.tb-l-80{float:none;}
	figure.right.tb-l-80{float:none;}
}
/* ---------------------- Desktops and laptops ---------------------------------------------------- */
@media only screen and (min-width : 1280px) {
	
	/*body{ border-left:1px solid #ff0000;}*/
	/*body{background-color: #9999ff;}*/
	/*section{border:1px solid #ff0000;}*/
	
	/*img.smooth{width:30%;max-width:400px;}*/
	
	
	.nomobile{display:inline;}
	
	
	section.fifty { width:70%; }
	section.right.fifty { width:39%; /*background-color:#00ffff;*/ margin-left:1%; height:100%; vertical-align: bottom }
	
	ul.left{ float:left;}

	ul.fifty,figure.fifty{display:block; margin:0; }
	ul.fifty{width:45%;  }

	figure.fifty figure.fifty {width:40%; margin:1px; }
	figure.left, figure.right{text-align:center;}

	figure.fullw.left{width:100%; text-align:left}
	
	/*section.cta{ width:50%;}*/
	/*img.fifty{width:50%;}*/
	
	/*#logobox_rnds{
		float: right;
		margin:1rem;
	}*/

	.lg-0{display:none;}
	.lg-10{width:10%;}
	.lg-15{width:15%;}
	.lg-20{width:20%;}
	.lg-25{width:25%;}
	.lg-30{width:30%;}
	.lg-35{width:35%;}
	.lg-40{width:40%;}
	.lg-45{width:45%;}
	.lg-50{width:50%;}
	.lg-55{width:55%;}
	.lg-60{width:60%;}
	.lg-70{width:70%;}
	.lg-80{width:80%;}
	.lg-90{width:90%;}
	.lg-100{width:100%;}
	
	figure.center{float:none;}
}