h1 {font-weight:bold;text-align:center;margin:20px 0px 16px;color:var(--dark-color);}
@media only screen and (min-width: 1000px)  {
	h1 {font-size:65px;}
	.transparent_byline.special {font-size: 24px;max-width:842px;font-weight:300;margin-top:16px;}
}
@media only screen and (max-width: 999px)  {
	h1 {font-size:42px;margin: 20px 0px 16px;}
	.transparent_byline.special {font-size: 18px;font-weight:300;margin-top:16px;}
	.btn.prev,.btn.next {display:none;}
}

h2, article h2 {
	font-size:40px;
}
article, .transparent_byline, article .transparent_byline {font-size:20px;}

.landing_wrapper {
	margin:0 0 40px;
	font-size:20px;
}

.interaktiv_weight:hover .interaktiv_transparens_weight {opacity:1;}
.scroll_wrapper {
	overflow:hidden;
	position:absolute;
	left:0;
  width: 100%;
	margin:0;
  box-sizing: border-box;
	}
.scroll_wrapper:before {
  content:'';
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
	background: linear-gradient(90deg, var(--background-color) 0%, var(--background-color) 5%,var(--background-transparent-color) 10%, var(--background-transparent-color) 90%,var(--background-color) 95%, var(--background-color));
	z-index: 10;
	pointer-events: none;
	}
.scroll_list {
	animation: bannermove 100s linear infinite;
	height:90px;
	padding-top:5px;
	padding-bottom:5px;
	display:inline-block;
	width:5300px;
	display:flex;
	justify-content: space-between;
	align-items:stretch;
	}
.scroll_list .flex_item {
	padding:0px;
	vertical-align:middle;
	display:inline-block;
	width:66px;
	height:66px;
	position: relative;
	border:0;
	filter: grayscale(100%);
	opacity:0.4;
	transition:all 0.5s ease;
	box-sizing:border-box;
	border-radius:33px;
	display:flex;
	align-items:stretch;
	text-align: center;
}
.scroll_list .flex_item:hover {
	filter: grayscale(0%);
	opacity:1;
	scale:1.1;
	transition:all 0.2s ease;
}
.scroll_list .flex_item div {
	display:flex;
	align-items:stretch;
  text-align: center;
	width:66px;
	height:66px;
  flex: 0 0 66px;
}
.scroll_list .flex_item a {
	display:flex;
  align-items: center;
	text-align: center;
	border-radius:33px;
	width:66px;
	height:66px;
}
.scroll_list .flex_item img {
	border-radius:33px;
	width:66px;
	height:66px;
}
.scroll_list .flex_item a:hover {
	border:2px solid #00b5d1;
	box-sizing:border-box;
}
@keyframes bannermove {
  0% {
      transform: translate(0, 0);
  }
  100% {
      transform: translate(-50%, 0);
  }
}

.marker_circled {
	background: url('/images/path-21x2.webp');
  color: #00b5d1;
  text-transform: uppercase;
  height: 73px;
  width: auto;
  padding: 0 35px 0 20px;
	margin-left:-10px;
  display: inline-block;
  background-size: 100% 73px;
  line-height: 73px;
}