body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'IsonormStd';
    src: url('../../files/fonts/isonorm.woff2') format('woff2'), url('../../files/fonts/isonorm.woff') format('woff')
}

@font-face {
    font-family: 'Delegat';
    src: url('../../files/fonts/delegat.woff2') format('woff2'), url('../../files/fonts/delegat.woff') format('woff')
}

body {
	text-rendering:optimizelegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
	font-family: 'IsonormStd', Arial;
	font-size:18px;
}

body {
	background-color:#000;
	background-color: transparent;
    background-image: radial-gradient(at center center,#156e54 0%,#0e4739 100%);
}
body.zukunft {
	    background-color: transparent;
    background-image: radial-gradient(at center center,#156e54 0%,#0e4739 100%);
}
#main {
	background-color:#000;
}
.intro #main {
	background-color:transparent;
}

.zukunft #main {
	background-color:transparent;
}

header {/*background-color:#105341;*/}
@media (min-width: 1024px) {
	/*body {background-color:#105341;}*/
}
p {
	margin:0;
	padding:0;
}

/*test*/
html, body, #wrapper {
height:100%;
}


@media (min-width: 1024px) {
html, body, #wrapper {
height:100%;
}
}
#header {
	height:150px;

}
#container {
	height: calc(100% - 150px);

}


@media (min-width: 1024px) {
#header {
	height:150px;

}
#container {
	height:calc(100% - 150px);

}
}

@media (min-width: 1200px) {
#header {
	height:24%;

}
#container {
	height:76%;

}
	.zukunft #header {
	height:20%;

	}
	.zukunft #container {
	height:80%;
	}
}
@media (min-width: 1024px) {
#header .inside {
height:100%;
}
}

/* ----------------- INTRO/ STARTSEITE -----------*/
.intro .logo-90-jahre {
	display:none;
}
@media (min-width: 1024px) {
	.intro .logo-90-jahre {
	display:none !important;
}
}

.intro .intro-hund {
	display:none;
}
.intro #header, .sonstige #header {
	height:100px;
}
.intro #container, .sonstige #container {
	height: calc(100% - 100px);

}
.intro .intro-logo {
	padding:60px 40px 25px 40px;
	position:relative;
}
.intro .logo-90-jahre-big {
	opacity:0;
}
.intro .logo-90-jahre-big img {
	width:100%;
}
.intro .timeline-container {
	width:2000px;
	right:0;
top:0;
	position:absolute;
}
.intro .intro-article{
	margin: 0 40px;
	}
.intro .intro-copy {
	color:#fff;
	text-align:center;
	line-height:140%;
	margin-bottom:20px;
	opacity:0;
}
.intro .intro-buttons {
	text-align:center;
	opacity:0;
}
.intro .intro-buttons-element {
    display:inline-block;
    margin: 0 auto;
}
.intro .intro-button-middle{
	background-color:#fff;
	border-radius:20px;
	padding: 10px 17px 6px;
	display:inline-block;
	font-size: 1.35rem;

}
.intro .intro-arrow-left{
	margin-right:17px;
	background-image: url(../../files/layout-images/arrow-left-white.svg);
	background-repeat:no-repeat;
	background-size:12px 26px;
	display:block;
	background-position: left 12px center;
	float:left;
	margin-top: 6px;
	display: block;
    text-decoration: none;
    color: #fff;
    font-size: 1.35rem;
	border-radius: 20px;
    border-color: #fff;
    border-style: solid;
    border-width: 1px;
    padding: 8px 50px 6px 55px;
	
}
.intro .intro-arrow-right{
	margin-left:15px;
	background-image: url(../../files/layout-images/arrow-right-white.svg);
	background-repeat:no-repeat;
	background-size:12px 26px;
	display:block;
	background-position: right 12px center;
	float:right;
	margin-top: 6px;
	display: block;
    text-decoration: none;
    color: #fff;
    font-size: 1.35rem;
	border-radius: 20px;
    border-color: #fff;
    border-style: solid;
    border-width: 1px;
    padding: 8px 55px 6px 50px;
}
@media (min-width: 1024px) {
.intro .timeline-container {
	top:33%;
	left:-76%;
	width:inherit;
	margin-top:0;
	position:relative;
	z-index:10;
}
.intro .intro-copy {
	text-align:center;
	color:#fff;
	width:540px;
	margin:0 auto;
	line-height:140%;
	opacity:1;
	font-size:1.35rem;
}
.intro .intro-article{
	position: absolute;
	top: 33%;
	width:100%;
	margin:0;
}
.intro .intro-logo {
	position: absolute;
	top: calc(33% - 120px);
	width:100%;
	padding: 0;
}
.intro .intro-buttons {
	position: relative;
	width:50%;
	top: calc(33% + 225px);
	text-align:center;
	color:#0E4739;
	opacity:0;
	margin:-60px auto 0 auto;
}
.intro .logo-90-jahre-big {
	text-align:center;
	color:#fff;
	width:500px;
	margin:0 auto;
	line-height:140%;
	opacity:0;
}
.intro .logo-90-jahre-big img{
	width:562px;
}
.intro .intro-hund {
	display:block;
	position: absolute;
	top: calc(33% - 220px);
	width:100%;
	height:480px;
}
.intro .hund {
	width:310px;
	height:auto;
    position: absolute;
    top: -10px;
	right: -400px;
}
.intro .hund-text {
	color:#fff;
	font-size:1.0rem;
	text-align:center;
	padding-right:30px;
}

}

/* INTRO ANIMATIONEN */
@keyframes timeline {
  from {
	  left:100%;
	}
  to {
	  left:-76%;
	}
}
@keyframes timeline-smartphone {
  from {
	  right:-2000px;
	}
  to {
	  right:0;
	}
}
@keyframes intro-article-position {
  from {
	  left:100%;
	}
  to {
	  left:0%;
	}
}
@keyframes logo-fade-in {
  from {
	  opacity:0;
	}
  to {
	 opacity:1;
	}
}
@keyframes intro-copy-smartphone {
  from {
	  opacity:0;
	}
  to {
	 opacity:1;
	}
}
@keyframes intro-hund-position {
  from {
	  right: -400px;
	}
  to {
	  right: -91px;
	}
}
@keyframes intro-buttons {
  from {
	  top: calc(33% + 275px);
	  opacity:0;
	}
  to {
	  top: calc(33% + 225px);
	   opacity:1;
	}
}
@keyframes intro-buttons-smartphone {
  from {
	  opacity:0;
	  margin-top:40px;
	}
  to {
	   opacity:1;
	  margin-top:0;
	}
}
@media (max-width: 1023px) {
.intro .timeline-container {
  animation-name: timeline-smartphone;
  animation-duration: 3s;
}
.intro .intro-buttons {
  animation-name: intro-buttons-smartphone;
  animation-duration: 1s;
	animation-delay:2.5s;
	animation-fill-mode: forwards;
}
.intro .logo-90-jahre-big {
	animation-name: logo-fade-in;
  animation-duration: 3s;
		animation-delay:2s;
		animation-fill-mode: forwards;
}
.intro .intro-copy {
	animation-name: intro-copy-smartphone;
  animation-duration: 3s;
		animation-delay:1s;
		animation-fill-mode: forwards;
}
}
@media (min-width: 1024px) {
.intro .timeline-container {
  animation-name: timeline;
  animation-duration: 2s;
}
.intro .logo-90-jahre-big {
	animation-name: logo-fade-in;
  animation-duration: 3s;
		animation-delay:2s;
		animation-fill-mode: forwards;
}

.intro .intro-article {
  animation-name: intro-article-position;
  animation-duration: 2.5s;
}
.intro .hund {
	animation-name: intro-hund-position;
  animation-duration: 2s;
	animation-delay:2s;
	animation-fill-mode: forwards;
}
.intro .intro-buttons {
	animation-name: intro-buttons;
  animation-duration: 1s;
	animation-delay:4s;
	animation-fill-mode: forwards;
}
}
/* INTRO ANIMATIONEN ENDE*/

/* ----------------- INTRO/ STARTSEITE ENDE -----------*/


.button1, .button2 {
	color:#fff;
}

.timeline-container {
	position: relative;
	top: calc(50% + 10px);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	/*margin: 0 164px 0 50px;*/
	margin: 0 0 0 50px;
}
.timeline a {
	color:#fff;
	cursor:pointer;
}
.timeline {
	display: flex;
    /*width: 96%;
    margin: 2%;*/
    justify-content: space-around;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /*background-size: 98.4% 1px;*/
	background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
	height:50px;
	padding-right:30px;
}

.timeline-year {
    width: 4px;
    height: 4px;
    background-color: #fff;
    border-radius: 5px;
    border: solid 2px #0E4739;
    margin-top: 22px;
    position: relative;
    display: block;
	text-decoration:none;
}

.timeline-zehner{
    width: 20px;
    height: 17px;
    position: relative;
	top:18px;
/*background-color:#000;*/
}
.timeline-zehner div{
    width: 1px;
    background-color: #fff;
    height: 15px;
    margin-left: 28%;
    margin-top: 0;
}

.timeline-zehner.timeline-start{
    width: 10px;
    height: 17px;
    position: relative;
    margin-left: 0px;
    left: -3px;
}
.timeline-zehner.timeline-start div{
    width: 1px;
    background-color: #fff;
    height: 15px;
    margin-left: -1px;
 
}
.timeline-zehner:after {
    font-size: 18px;
    /*font-family: "Isonorm Std Regular";*/
	font-family: 'IsonormStd', Arial;
    color: rgba(255, 255, 255, 0.5);
    position: absolute;
    bottom: -22px;
    margin-left: 3px;
    left: -12px;
	padding-top:4px;
/*background-color:#292525;*/
}
.timeline-zehner.timeline-start:after {
    left: -19px;
}
.timeline-zehner.y1930:after{content: "1930";}
.timeline-zehner.y1940:after{content: "1940";}
.timeline-zehner.y1950:after{content: "1950";}
.timeline-zehner.y1960:after{content: "1960";}
.timeline-zehner.y1970:after{content: "1970";}
.timeline-zehner.y1980:after{content: "1980";}
.timeline-zehner.y1990:after{content: "1990";}
.timeline-zehner.y2000:after{content: "2000";}
.timeline-zehner.y2010:after{content: "2010";}
.timeline-zehner.y2020:after{content: "2020";}

/* active status */
.timeline-year.active {
    background-color: #AA9F72;
}
.timeline-zehner.active div {
    background-color: #AA9F72;
}

.timeline-year.active:before{
	background-repeat: no-repeat;
    font-size: 16px;
	font-family: 'Delegat', Arial;
    display: block;
    position: absolute;
    text-align: center;
    line-height: 1.5em;
    width: 53px;
    color: #fff;
    height: 27px;
    background-image: url(../../files/layout-images/blase.svg);
    top: -30px;
    margin-left: -24px;
}
/*.timeline-zehner.active:before{
	top:-24px;
	margin-left:-21px;
}*/
.timeline-zehner.active:after {
	background-repeat: no-repeat;
    font-size: 16px;
    font-family: 'Delegat', Arial;
    display: block;
    position: absolute;
    text-align: center;
    line-height: 1.6em;
    width: 53px;
    color: #fff;
    height: 33px;
    background-image: url(../../files/layout-images/blase180.svg);
    top: 18px;
    margin-left: -9px;
}


.timeline-zehner.timeline-start.active:before{
	top:-24px;
	margin-left:-27px;
}

.timeline-year.y1931.active:before{content: "1931";}
.timeline-year.y1932.active:before{content: "1932";}
.timeline-year.y1933.active:before{content: "1933";}
.timeline-year.y1934.active:before{content: "1934";}
.timeline-year.y1935.active:before{content: "1935";}
.timeline-year.y1936.active:before{content: "1936";}
.timeline-year.y1937.active:before{content: "1937";}
.timeline-year.y1938.active:before{content: "1938";}
.timeline-year.y1939.active:before{content: "1939";}

.timeline-year.y1941.active:before{content: "1941";}
.timeline-year.y1942.active:before{content: "1942";}
.timeline-year.y1943.active:before{content: "1943";}
.timeline-year.y1944.active:before{content: "1944";}
.timeline-year.y1945.active:before{content: "1945";}
.timeline-year.y1946.active:before{content: "1946";}
.timeline-year.y1947.active:before{content: "1947";}
.timeline-year.y1948.active:before{content: "1948";}
.timeline-year.y1949.active:before{content: "1949";}

.timeline-year.y1951.active:before{content: "1951";}
.timeline-year.y1952.active:before{content: "1952";}
.timeline-year.y1953.active:before{content: "1953";}
.timeline-year.y1954.active:before{content: "1954";}
.timeline-year.y1955.active:before{content: "1955";}
.timeline-year.y1956.active:before{content: "1956";}
.timeline-year.y1957.active:before{content: "1957";}
.timeline-year.y1958.active:before{content: "1958";}
.timeline-year.y1959.active:before{content: "1959";}

.timeline-year.y1961.active:before{content: "1961";}
.timeline-year.y1962.active:before{content: "1962";}
.timeline-year.y1963.active:before{content: "1963";}
.timeline-year.y1964.active:before{content: "1964";}
.timeline-year.y1965.active:before{content: "1965";}
.timeline-year.y1966.active:before{content: "1966";}
.timeline-year.y1967.active:before{content: "1967";}
.timeline-year.y1968.active:before{content: "1968";}
.timeline-year.y1969.active:before{content: "1969";}

.timeline-year.y1971.active:before{content: "1971";}
.timeline-year.y1972.active:before{content: "1972";}
.timeline-year.y1973.active:before{content: "1973";}
.timeline-year.y1974.active:before{content: "1974";}
.timeline-year.y1975.active:before{content: "1975";}
.timeline-year.y1976.active:before{content: "1976";}
.timeline-year.y1977.active:before{content: "1977";}
.timeline-year.y1978.active:before{content: "1978";}
.timeline-year.y1979.active:before{content: "1979";}

.timeline-year.y1981.active:before{content: "1981";}
.timeline-year.y1982.active:before{content: "1982";}
.timeline-year.y1983.active:before{content: "1983";}
.timeline-year.y1984.active:before{content: "1984";}
.timeline-year.y1985.active:before{content: "1985";}
.timeline-year.y1986.active:before{content: "1986";}
.timeline-year.y1987.active:before{content: "1987";}
.timeline-year.y1988.active:before{content: "1988";}
.timeline-year.y1989.active:before{content: "1989";}

.timeline-year.y1991.active:before{content: "1991";}
.timeline-year.y1992.active:before{content: "1992";}
.timeline-year.y1993.active:before{content: "1993";}
.timeline-year.y1994.active:before{content: "1994";}
.timeline-year.y1995.active:before{content: "1995";}
.timeline-year.y1996.active:before{content: "1996";}
.timeline-year.y1997.active:before{content: "1997";}
.timeline-year.y1998.active:before{content: "1998";}
.timeline-year.y1999.active:before{content: "1999";}

.timeline-year.y2001.active:before{content: "2001";}
.timeline-year.y2002.active:before{content: "2002";}
.timeline-year.y2003.active:before{content: "2003";}
.timeline-year.y2004.active:before{content: "2004";}
.timeline-year.y2005.active:before{content: "2005";}
.timeline-year.y2006.active:before{content: "2006";}
.timeline-year.y2007.active:before{content: "2007";}
.timeline-year.y2008.active:before{content: "2008";}
.timeline-year.y2009.active:before{content: "2009";}

.timeline-year.y2011.active:before{content: "2011";}
.timeline-year.y2012.active:before{content: "2012";}
.timeline-year.y2013.active:before{content: "2013";}
.timeline-year.y2014.active:before{content: "2014";}
.timeline-year.y2015.active:before{content: "2015";}
.timeline-year.y2016.active:before{content: "2016";}
.timeline-year.y2017.active:before{content: "2017";}
.timeline-year.y2018.active:before{content: "2018";}
.timeline-year.y2019.active:before{content: "2019";}

.timeline-year.y2021.active:before{content: "2021";}

.timeline-content {
	overflow:auto;
}

.timeline-container.timeline-whats-next {
	top: calc(50% - 50px);
    margin: 0 0 0 95%;
    width: 103px;
}
.timeline-container.timeline-whats-next a{
	margin-right: 84px;
}
.zukunft .timeline-container.timeline-whats-next a{
    margin-left: 79px;
	margin-right:inherit;
}
/*.timeline-whats-next a:hover::before{
	    background-repeat: no-repeat;
    position: absolute;
    width: 136px;
    color: #fff;
    height: 27px;
    background-image: url(../../files/layout-images/whats-next.svg);
    top: -30px;
    margin-left: -66px;
    background-size: 136px 26px;
    content: "";
}*/

.zukunft .timeline-container.timeline-whats-next {
	top: 126px;
    margin: 0;
	width: 50%;
}
@media (min-width: 1200px) {
.zukunft .timeline-container.timeline-whats-next {
	top: 74%;
    margin: 0;
	width: 50%;
}
}
.zukunft .timeline-whats-next span::before{
	    background-repeat: no-repeat;
    position: absolute;
    width: 136px;
    color: #fff;
    height: 33px;
    background-image: url(../../files/layout-images/whatsnext2022-active.svg);
       top: -4px;
    margin-left: calc(50% - 53px);
    background-size: 136px 33px;
    content: "";
}
/*.zukunft .timeline-whats-next a::before{
	    background-repeat: no-repeat;
    position: absolute;
    width: 71px;
    color: #fff;
    height: 27px;
    background-image: url(../../files/layout-images/home.svg);
    top: 7px;
    margin-left: -33px;
    background-size: 71px 26px;
    content: "";
}*/
/*
.zukunft .timeline-whats-next span {
	margin-left: 176px;
}*/

@media (min-width: 1024px) {
	.timeline-content {

}
}
.timeline-content img {
	/*width:100%;
	height:auto;
	object-fit:cover;
	position:absolute;
	top:0;*/
}
@media (min-width: 1024px) {
.timeline-content img {
	width:100%;
	height:100%;
	object-fit:cover;
	position:absolute;
	top:0;
}
}
.timeline-content.center-center img {
	object-position: center center;
}
.timeline-content.left-center img {
	object-position: left center;
}
.timeline-content.right-center img {
	object-position: right center;
}
.timeline-content.center-top img {
	object-position: center top;
}
.timeline-content.center-bottom img {
	object-position: center bottom;
}
.timeline-content.left-top img {
	object-position: left top;
}
.timeline-content.right-top img {
	object-position: right top;
}
.timeline-content.right-bottom img {
	object-position: right bottom;
}
.timeline-content.left-bottom img {
	object-position: left bottom;
}

/*test*/
#main,
#main .inside,
.timeline-article,
.timeline-content,
.xtimeline-content figure {
	height:100%;

}

@media (min-width: 1024px) {
#main,
#main .inside,
.timeline-article,
.timeline-content,
.timeline-content figure {
	height:100%;
}
}

.timeline-content {
	position:absolute;
}
@media (min-width: 1024px) {
	.timeline-content {
	position:static;
}
}


/* ------ UMBAU 2022 ----- */

.timeline-space {
	width:15px;
}
.timeline-whatsnext-punkt, .timeline-tothestart-punkt {
    width: 4px;
    height: 4px;
    background-color: #aa9f72;
    border-radius: 5px;
    border: solid 2px #0E4739;
    margin-top: 22px;
    position: relative;
    display: block;
	text-decoration:none;
}
.timeline-whatsnext {
	    background-repeat: no-repeat;
    position: absolute;
    width: 118px;
    color: #fff;
    height: 27px;
    background-image: url(../../files/layout-images/whatsnext2022.svg);
    top: 75px;
    right: 18px;
    background-size: 118px 27px;
    content: "";
}
.timeline-tothestart {
	    background-repeat: no-repeat;
    position: absolute;
    width: 118px;
    color: #fff;
    height: 27px;
    background-image: url(../../files/layout-images/tothestart.svg);
    top: 75px;
    left: -14px;
    background-size: 118px 27px;
    content: "";
}




.text-content-big{
	background-color: #000;
    padding: 15px;
	border-radius: 25px 25px 0 0;
	font-size:1.2rem;
	color:#fff;
	line-height:130%;
	background: rgba(0,0,0,1.0);
	position:relative;
	margin-top:-25px;
}
.text-content-big .quelle {
	font-size: 0.9rem;
	padding-top:7px;
}






.zukunft-content {
	color:#fff;
width:90%;
	margin:20px auto;
}




.text-content-big-zukunft p {
    line-height: 140%;
}

.wrapper-zukunft {
	display:block;
	padding-bottom: 5%;
}

.video-zukunft {
	width:90%;
	margin: 0 auto;
	padding:10px 0 20px 0;
}
.video-zukunft .video-container {
	width: 100%;
	}

.video-zukunft	video {
		width:100%;
	}
.zukunft-content .vier-logos {
		display:none;
	}
.zukunft-content .vier-logos-zwei-reihen {
		display:block;
	}
@media (min-width: 1200px) {
	.zukunft-content .vier-logos {
		display:block;
	}
	.zukunft-content .vier-logos-zwei-reihen {
		display:none;
	}
.zukunft-content .vier-logos img {
	width:764px;
}
}

.zukunft-content .vier-logos-zwei-reihen img {
	max-width:390px;
	padding-top:26px;
}
.zukunft-content .logo-verde img {
	width:131px;
	padding-top:26px;
}
.zukunft-content .vier-logos{
	padding-top:26px;
}


/*.video-zukunft .video-design1 {
	width:547px;
	height:283px;
	display:inline-block;
	background-image: url(../../files/layout-images/video-hintergrund1.png);
    background-size: 547px 283px;
	background-repeat: no-repeat;
}
.video-zukunft .video-design1 .video-container {
	margin-top: 28px;
    margin-left: 102px;
}
.video-zukunft .video-design2 {
	width:508px;
	height:281px;
	display:inline-block;
	background-image: url(../../files/layout-images/video-hintergrund2.png);
    background-size: 508px 281px;
	background-repeat: no-repeat;
}
.video-zukunft .video-design2 .video-container {
	    margin-top: 26px;
    margin-left: 90px;
}
*/





@media (min-width: 1200px) {
	

	
.zukunft-content {
	color:#fff;
	width:60%;
	margin: 20px 0 35px 0;
	position:relative;
}

.zukunft-content.typ-bild-rechts {
	padding-left:50px;
}
	
.wrapper-zukunft {
	display:flex;
	padding-bottom: 50px;
}


.video-zukunft {
	width:40%;
	min-width:550px;
	padding:0;
}



.video-zukunft .video-container {
	width: 328px;
	}

.video-zukunft	video {
		width:100%;
	}

.video-zukunft .video-design1 {
	width:547px;
	height:283px;
	display:inline-block;
	background-image: url(../../files/layout-images/video-hintergrund1-update.png);
    background-size: 547px 283px;
	background-repeat: no-repeat;
}
.video-zukunft .video-design1 .video-container {
	margin-top: 28px;
    margin-left: 102px;
}
.video-zukunft .video-design2 {
	width:508px;
	height:281px;
	display:inline-block;
	background-image: url(../../files/layout-images/video-hintergrund2-update.png);
    background-size: 508px 281px;
	background-repeat: no-repeat;
}
.video-zukunft .video-design2 .video-container {
	    margin-top: 26px;
    margin-left: 90px;
}

.zukunft-content .logo-verde {
	position:absolute;
	top:0;
	right:50px;
	
}
	.zukunft-content .logo-verde img {
	width:131px;
	padding-top:0;
}

}



/*
.zukunft-content.typ-bild-rechts .text-content-big-zukunft {
	margin-top:0;
}*/

/*.zukunft-content.typ-bild-links .text-content-big-zukunft {
    background-image: url(../../files/layout-images/vier-logos-zwei-reihen.svg);
    background-position: top 20px left 15px;
	background-size:603px 23px;
	background-size:330px 66px;
    background-repeat: no-repeat;
}
.zukunft-content.typ-bild-rechts .text-content-big-zukunft {
    background-image: url(../../files/layout-images/verde.svg);
    background-position: top 27px right 30px;
	background-position: top 20px right 0;
	background-size:178px 39px;
	background-size:178px 26px;
    background-repeat: no-repeat;
}*/



.text-content-big p {
	
}
@media (min-width: 768px) {
	
}

@media (min-width: 1024px) {
.text-content-big {
	background-color: #000;
    position: absolute;
    top: 75px;
    width: 475px;
	width:31%;
    padding: 25px;
	border-radius: 25px;
	font-size:1.2rem;
	color:#fff;
	line-height:140%;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	background: rgba(0,0,0,0.6);
	bottom:auto;
	min-height:inherit;	
}

.zukunft-article {
		margin-left:38px;
		margin-right:38px;
}

	@media (min-width: 1024px) {
		.zukunft-article {
		margin-left:3%;
		margin-right:3%;
	}
		
	}

/*	
.text-content-big-zukunft{
		margin-top:inherit;
		border-radius: 25px;
	height:calc(300px - 30px);
	margin-top:0;
	font-size:1.2rem;
	color:#fff;
	line-height:140%;
	}
.typ-bild-links .text-content-big-zukunft{
	margin-left:33%;
	}
.typ-bild-rechts .text-content-big-zukunft{
	margin-right:33%;
	}
.zukunft-content.typ-bild-links figure{
		position:absolute;
	}
.zukunft-content.typ-bild-rechts figure{
		text-align:right;
	}
.zukunft-content.typ-bild-rechts .text-content-big-zukunft{
		position:absolute;
	}
.zukunft-content img {
		border-radius:25px;
	height:300px;
	width:auto;
	}
	*/
	
	
	.timeline-content.bottom .text-content-big {
		top:auto;
		bottom:52px;
	}
	.timeline-content.big .text-content-big {
		width: 530px;
	}
	.timeline-content.middle .text-content-big {
		width: 460px;
	}
	.timeline-content.small .text-content-big {
		width: 390px;
	}
/*
.zukunft-content.typ-bild-links .text-content-big-zukunft {
    background-image: url(../../files/layout-images/vier-logos.svg);
    background-position: top 20px right 30px;
	background-size:603px 23px;
    background-repeat: no-repeat;
}
	*/
	
}

.text-content-big h2,
.text-content-big-zukunft h2{
	margin: 0;
    padding: 0;
    font-size: 2.3rem;
    line-height: auto;
    line-height: 110%;
    margin-bottom: 7px;
	font-family: 'Delegat', Arial;
}
/*.text-content-big-zukunft h2{
	margin-top:90px;
}*/
.text-content-small,
.text-content-small-zukunft{
	display:none;
}
@media (min-width: 1024px) {
	/*.text-content-big-zukunft h2 {
		padding-top:36px;
	padding-left:20px;
	margin-top:0;
	}
	.text-content-big-zukunft p {
	padding-left:20px;
	line-height:130%;
	}*/	

	.text-content-small {
	display:block;
	position: absolute;
    bottom: 52px;
    background-color: #000;
	border-radius: 25px;
    padding: 5px 21px 5px;
	font-size:0.9rem;
	color:#fff;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	background: rgba(0,0,0,0.6);

	}
	.text-content-small-zukunft {
	display:block;
    position: absolute;
	background-color: #000;
	border-radius: 25px;
    padding: 5px 21px 5px;
	font-size:0.9rem;
	color:#fff;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	background: rgba(0,0,0,0.6);
	max-width:280px;
		max-width: calc(33% - 110px);

	}
	.typ-bild-links .text-content-small-zukunft {
	bottom:10px;
		left:30px;
	}
	.typ-bild-rechts .text-content-small-zukunft {
	bottom:12px;
		right:30px;
	}

}
@media (min-width: 1024px) {
.timeline-content.text-right .text-content-big{
    right: 53px;
}
.timeline-content.text-left .text-content-big{
    left: 53px;
}
.timeline-content.text-right .text-content-small{
    left: 53px;
}
.timeline-content.text-left .text-content-small{
    right: 53px;
}
}

.timeline-content.hide {
	/*-webkit-transition: opacity 1s ease-out;
  -moz-transition: opacity 1s ease-out;
  -ms-transition: opacity 1s ease-out;
	-o-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
	opacity:0;*/
	display:none;
}
.timeline-content.show {
	/*-webkit-transition: opacity 1s ease-out;
  -moz-transition: opacity 1s ease-out;
  -ms-transition: opacity 1s ease-out;
	-o-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
	opacity:1;*/
}


.pfeilnavigation {
	display:none;
}
@media (min-width: 1024px) {
	.pfeilnavigation {
	color: #fff;
    position: absolute;
    z-index: 99;
    bottom:0;
    width: 30%;
		margin: 0 35%;
    text-align: center;
    display: block;
}
}
@media (min-width: 1200px) {
	.pfeilnavigation {
	color:#fff;
	position: absolute;
    bottom: 0;
    width: 30%;
		margin: 0 35%;
    text-align: center;
	display:block
}
	.text-content-big-zukunft p {
	line-height:140%;
	}
	
}

@media (min-width: 1200px) {
	.text-content-big-zukunft p {
	font-size:1.3rem;
	}
	.text-content-big-zukunft h2 {
	font-size:2.5rem;
	}
}
@media (min-width: 1500px) {
	.text-content-big-zukunft p {
	font-size:1.4rem;
	}
	.text-content-big-zukunft h2 {
	font-size:2.8rem;
	}
	.video-zukunft .video-container {
    width: 375px;
	}
	.video-zukunft .video-design1 {
   width: 629px;
    height: 311px;
    display: inline-block;
    background-image: url(../../files/layout-images/video-hintergrund1-update.png);
    background-size: 629px 301px;
    background-repeat: no-repeat;
    background-position: top 9px left -17px;
	}
	
	.video-zukunft .video-design2 {
        width: 579;
    height: 275px;
    display: inline-block;
    background-image: url(../../files/layout-images/video-hintergrund2-update.png);
    background-size: 579px 275px;
    background-repeat: no-repeat;
    background-position: top 9px left -11px;
	}
	
}
@media (min-width: 1700px) {
	.text-content-big-zukunft p {
	font-size:1.7rem;
	}
	.text-content-big-zukunft h2 {
	font-size:2.8rem;
	}
	.video-zukunft .video-container {
    width: 450px;
	}
	.video-zukunft .video-design1 {
       width: 629px;
    height: 333px;
    display: inline-block;
    background-image: url(../../files/layout-images/video-hintergrund1-update.png);
    background-size: 752px 366px;
    background-repeat: no-repeat;
    background-position: top 5px left -38px;
	}
	
	.video-zukunft .video-design2 {
    width: 632px;
    height: 313px;
    display: inline-block;
    background-image: url(../../files/layout-images/video-hintergrund2-update.png);
    background-size: 686px 349px;
    background-repeat: no-repeat;
    background-position: top 3px left -28px;

	}
	.zukunft-content .vier-logos img {
    width: 800px;
	}
	
}
@media (min-width: 1900px) {
	.text-content-big-zukunft p {
	font-size:2.0rem;
	}
	.text-content-big-zukunft h2 {
	font-size:3.0rem;
	}
	.video-zukunft .video-container {
    width: 500px;
	}
	.video-zukunft .video-design1 {
   width: 691px;
    height: 390px;
    display: inline-block;
    background-image: url(../../files/layout-images/video-hintergrund1-update.png);
    background-size: 843px 412px;
    background-repeat: no-repeat;
    background-position: top 0px left -57px;
	}
	
	.video-zukunft .video-design2 {
    width: 967px;
    height: 446px;
    display: inline-block;
    background-image: url(../../files/layout-images/video-hintergrund2-update.png);
    background-size: 821px 394px;
    background-repeat: no-repeat;
    background-position: top 1px left -69px;
	}
	.zukunft-content .vier-logos img {
    width: 1050px;
	}
	.zukunft-content .logo-verde img {
    width: 167px;
    padding-top: 0;
	}
	
}
@media (min-width: 2200px) {
	
	.text-content-big-zukunft p {
	font-size:2.4rem;
	}
	.text-content-big-zukunft h2 {
	font-size:4.0rem;
	}
	.video-zukunft .video-container {
    width: 600px;
	}
	.video-zukunft .video-design1 {
        width: 1002px;
    height: 475px;
    display: inline-block;
    background-image: url(../../files/layout-images/video-hintergrund1-update.png);
    background-size: 1000px 464px;
    background-repeat: no-repeat;
    background-position: top 4px left -85px;
	}
	
	.video-zukunft .video-design2 {
    width: 980px;
    height: 460px;
    display: inline-block;
    background-image: url(../../files/layout-images/video-hintergrund2-update.png);
    background-size: 945px 449px;
    background-repeat: no-repeat;
    background-position: top 1px left -82px;
	}
	.zukunft-content .vier-logos img {
    width: 1200px;
	}
	.zukunft-content .logo-verde img {
    width: 198px;
    padding-top: 0;
}
}


.pfeilnavigation div{
	display:inline-block;
	cursor:pointer;
}
.smartphone-navigation {
	color:#fff;
	position: absolute;
    top: 10px;
    width: 90%;
    text-align: center;
	padding-left:20px;
	
	display: block;
    top: 90px;
	text-align:right;
	
}

.smartphone-navigation select {
	 -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 30px;
  font-size: 1.4rem;
  width: auto;
    border: 1px solid white;
    
    color: white;
    padding: .75em 1em .75em 1em;
    background-color: transparent;
    background-image: url(../../files/layout-images/arrow-down-white.svg);
    background-position: center right 16px;
	background-size:20px;
    background-repeat: no-repeat;
    cursor: pointer;

	    padding: 4px 45px 4px 16px;
	text-align:center;
	margin-top: 7px;
	
	

}
.smartphone-navigation select:hover {
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}
.smartphone-navigation select::-ms-expand {
  display:none;
}
.smartphone-navigation .lt-ie10 select {
    background-image: none;
}
.smartphone-navigation option {
	text-align:center;
}

.pfeilnavigation .arrow-prev {
    width: 35px;
    height: 35px;
    background-image: url(../../files/layout-images/arrow-left-green.svg);
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: 41% 50%;
    background-color: #fff;
    border-radius: 40px;
    margin: 10px 5px;
}
.pfeilnavigation .arrow-next{

	width:35px;
	height:35px;
	background-image: url(../../files/layout-images/arrow-right-green.svg);
	background-repeat: no-repeat;
	    background-size: 60%;
	background-position: 65% 50%;
    background-color: #fff;
    border-radius: 40px;
	margin:10px 5px;
}

.standard-version .timeline-content {
		background-color:#000;
	}

/* responsiv */
.standard-version .timeline-container {
		display:none;
	}
.standard-version .smartphone-navigation {
	
	
}

.logo-header-container {
	
}
.logo-header-container .logo-90-jahre {
	display:none;
}
@media (min-width: 1200px) {
	.logo-header-container .logo-90-jahre {
	display:block;
	height:30px;
		width:100%;
		text-align:center;
		padding-top:22px;
}
		.logo-header-container .logo-90-jahre img{
	width:168px;
			height:30px;
}
		.logo-header-container .logo-90-jahre a{
	width:168px;
			height:30px;
}
}
	/*width: 100%;
	height:30px;
	background-image: url(../../files/layout-images/90-jahre-logo.png);
	background-repeat: no-repeat;
	background-size:contain;
	background-position:center;
	position:absolute;
	display:none;*/

.logo-90-jahre {
	position: absolute;
    /*top: 130px;
    background-color: #000;
    width: 100%;
    height: 109px;*/
	width:134px;
	height:90px;
	padding-top:13px;
}
.logo-header-container .logo-kohlbecker {
	position:absolute;
	width:100%;
	
	text-align:left;
	-webkit-box-shadow: 0px 8px 38px 22px rgb(0 0 0 / 36%); 
box-shadow: 0px 8px 38px 22px rgb(0 0 0 / 36%);
}
@media (min-width: 1200px) {
	.logo-header-container .logo-kohlbecker {
	position:absolute;
	width:inherit;
	right:0;
	text-align:center;
	-webkit-box-shadow: none; 
box-shadow: none;
}
}
.logo-header-container .logo-kohlbecker a{
	display:inline-block;
	padding: 10px 10px 0;
	margin:13px;
	
}
.logo-header-container .logo-kohlbecker a img{
	height:38px;
	width:275px;
}

@media (min-width: 1200px) {
	.standard-version .timeline-container {
		display:block;
	}
	.standard-version .smartphone-navigation {
		display:none;
	}
	/*.logo-header-container .logo-90-jahre {
	width: 100%;
	height:30px;
	background-image: url(../../files/layout-images/90-jahre-logo.png);
	background-repeat: no-repeat;
	background-size:contain;
	background-position:center;
	position:absolute;
	top:23px;
}*/
/*.logo-header-container .logo-kohlbecker{
	width:323px;
	height:44px;
	background-image: url(../../files/layout-images/kohlbecker-logo.png);
	background-repeat: no-repeat;
	position:absolute;
	top:23px;
	right:50px;
	
}*/
}


/*.yy1930{display:block;}
.yy1931 {display:none;}*/

.sprachwechsler {
	/*position:absolute;
	margin:10px;*/
}
.sprachwechsler, .sprachwechsler a {
	color:#fff;
}
.sprachschalter-90{
	width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 25px;
	position: absolute;
	z-index:999;
}

.sprachwechsler ul {
	display:flex;
}

.sprachwechsler ul li.lang-en {
	display:block;
	width:70px;
}
.sprachwechsler ul li.lang-en.active {
	display:block;
	width:30px;
}
.sprachwechsler ul li.lang-de {
	display:block;
	width:70px;
}
.sprachwechsler ul li.lang-de.active {
	display:block;
	width:40px;
	margin-left: 13px;
}

.sprachwechsler a.lang-en {
	display:block;
	width:75px;
	height:19px;
	background-image: url(../../files/layout-images/sprachswitch-de.svg);
	background-repeat: no-repeat;
	background-size:42px 19px;
		text-decoration:none;
	background-position:30px;
}

.sprachwechsler a.lang-de {
	display:block;
	width:75px;
	height:19px;
	background-image: url(../../files/layout-images/sprachswitch-en.svg);
	background-repeat: no-repeat;
	background-size:42px 19px;
		text-decoration:none;
	background-position:0;
}


.sprachwechsler a, .sprachwechsler strong {
	font-weight:400;
	font-size: 1.1rem;
}

.sprachwechsler span {
	display: block;
	text-decoration:none;
	font-weight:400;
	font-size: 1.1rem;
}
.sprachwechsler li.lang-de span {
	margin-left:53px;
}

/* Contao 5: no more <span itemprop="name"> wrapper inside <a>.
   Shift the "DE" text right of the toggle icon (keeps element at 75px). */
.sprachwechsler a.lang-de {
	text-indent:53px;
	white-space:nowrap;
	overflow:visible;
}

#sprachwechsler-90-mobil.sprachwechsler a.lang-de,
#sprachwechsler-90-mobil.sprachwechsler a.lang-en{
	width: 81px;
	height: 29px;
	background-size: 50px 29px;
}
#sprachwechsler-90-mobil.sprachwechsler li.lang-de span {
	margin-left:62px;
}
#sprachwechsler-90-mobil.sprachwechsler a.lang-de {
	text-indent:62px;
	white-space:nowrap;
	overflow:visible;
}
#sprachwechsler-90-mobil.sprachwechsler ul li.lang-de.active {
	margin-left: 20px;
}

.top-navi-wrapper {
		display:none;
	}

@media (min-width: 1200px) {
	.top-navi-wrapper {
		display:block;
	}
}

.top-navi-wrapper {
	position:absolute;
	top: 10px;
    left: 38px;
	z-index:999;
}
.small-navi-wrapper {
	font-size:0.75rem;
	    color: rgba(255, 255, 255, 0.5);
	margin-bottom:12px;
	
}
.small-navi-wrapper a {
	font-size:0.8rem;
	color: rgba(255, 255, 255, 0.5);
	text-decoration:none;
}
.sprachswitch-wrapper {
	width:130px;
}

.top-navi-items {
	display:flex;
}
.top-button-wrapper a {
	    color: #fff;
    text-decoration: none;
    display: block;
    padding: 7px 24px;
    background-color: #0b3329;
    border-radius: 25px;
    margin-top: -5px;
    font-size: 1.1rem;
}

.sonstige-content {
	color:#fff;
width:inherit;
    padding: 0 30px;
	line-height:140%;
}

@media (min-width: 1200px) {
	.sonstige-content {
width: 60%;
    margin: 20px 20%;
}
}



.sonstige-content ul{
	list-style-type: inherit;
}
.sonstige-content a{
color:#fff;
}
.sonstige-content li{
	margin-left:30px;
}
.sonstige-content p {
	margin: 10px 0 20px;
}
.sonstige-content h1 {
    font-size: 1.9rem;
    line-height: auto;
    line-height: 110%;
    margin-bottom: 7px;
    font-family: 'Delegat', Arial;
}
.sonstige-content h2{
    font-size: 1.7rem;
    line-height: auto;
    line-height: 110%;
    margin-bottom: 7px;
	text-transform: inherit;
}


/* mobile menu */

.logo-header-container .logo-kohlbecker {
	z-index: 300;
}

.mobile_menu_trigger {
	position:absolute;
	width:27px;
	height:18px;
	top:28px;
	right:15px;
	z-index:301;
		background-image: url(../../files/layout-images/hamburger.svg);
	background-repeat: no-repeat;
	background-size:27px 18px;
	cursor:pointer;
}
.mobile_menu_trigger.active {
		background-image: url(../../files/layout-images/close-x.svg);
	background-repeat: no-repeat;
	background-size:27px 18px;

}
.mobile_menu {
	top: 78px !important;
}
.mobile_menu .inner{
	background-color:#114B3E;
}

.mobile_menu_content {
	color:#fff;
	padding:50px 25px;
	line-height:140%;
	font-size:1.3rem;
}
.mobile_menu_content a {
	color:#fff;
	text-decoration:none;
}
.mobile_menu_content p {
	margin-bottom:15px;
}

.mobile_menu_90-jahre-logo {
	width:134px;
	margin-bottom:40px;
}
.mobile_menu_sprachwechler {
	margin-bottom:40px;
}
.mobile_menu_socials .insta {
	display:inline-block;
	width:33px;
	height:33px;
	background-image: url(../../files/layout-images/icon-instagram.svg);
	background-repeat: no-repeat;
	background-size:33px 33px;
}
.mobile_menu_socials .facebook {
	display:inline-block;
	width:33px;
	height:33px;
	background-image: url(../../files/layout-images/icon-facebook.svg);
	background-repeat: no-repeat;
	background-size:30px 30px;
	margin-left:10px;
}

.mobile_menu_buttons, .mobile_menu_socials {
	margin-top:30px;
}
.mobile_menu_buttons {
	margin-bottom:130px;
}
.mobile_menu_buttons a{

color: #0b3329;
	text-align:center;
    text-decoration: none;
    display: block;
    padding: 7px 24px;
    background-color: #fff;
    border-radius: 25px;
}

@media (max-width: 1200px) {
.xsticky-mobile .mobile_menu_trigger{
	position:fixed;
}
.xsticky-mobile .logo-header-container .logo-kohlbecker {
	position:fixed;
}

	.sticky-mobile #main {
		overflow:auto;
	}
	
}

.desktop-footer {
	display:none;
}
@media (min-width: 1200px) {
	.desktop-footer {
	display:block;
		color:#fff;
		background-color: transparent;
    background-image: radial-gradient(at center center,#156e54 0%,#0e4739 100%);
		-webkit-box-shadow: 0px 8px 38px 22px rgb(0 0 0 / 36%); 
box-shadow: 0px 8px 38px 22px rgb(0 0 0 / 36%);
		font-size: 1.0rem;
		line-height:180%;
		
}
	.desktop-footer a {
		color:#fff;
		text-decoration: none;
	}
	.desktop-footer .logo-kohlbecker-footer img{
		width:550px;
	}
	.desktop-footer .logo-kohlbecker-footer {
		margin-top:60px;
	}
	.desktop-footer .logo-90-jahre-footer img{
		width:275px;
		padding-left:275px;
	}
	.desktop-footer .logo-90-jahre-footer {
		margin-top:40px;
	}
	
	.desktop-footer .footer-copy {
		display:flex;
		    margin-left: 20%;
    margin-right: 20%;
  
		margin-bottom:40px;
		margin-top:40px;
		
	}
	.desktop-footer .footer-copy-1,
	.desktop-footer .footer-copy-2,
	.desktop-footer .footer-copy-3{
		width:25%;
	}
	.desktop-footer .footer-copy-4{
		text-align:right;
		width:35%
	}
	.desktop-footer .insta {
	display:inline-block;
	width:23px;
	height:23px;
	background-image: url(../../files/layout-images/icon-instagram.svg);
	background-repeat: no-repeat;
	background-size:23px 23px;
}
	.desktop-footer .facebook {
	display:inline-block;
	width:23px;
	height:23px;
	background-image: url(../../files/layout-images/icon-facebook.svg);
	background-repeat: no-repeat;
	background-size:20px 20px;
	margin-left:10px;
}
	.desktop-footer .footerline{
	width:90%;
	height:1px;
	background-color:#fff;
		margin: 0 auto 100px auto;
	}
}


.timeline-whats-next .back-button {
	position:absolute;
	top: -5px;
    left: 5px;
}
.timeline-whats-next .back-button a {
	margin-left:0 !important;
	display:block;
	width:105px;
	height:23px;
	background-image: url(../../files/layout-images/back-button.svg);
	background-repeat: no-repeat;
	background-size:105px 23px;
}
@media (min-width: 1200px) {
	.timeline-whats-next .back-button {
	left: 37px;
	}
}