*{margin:0; padding:0; font-family:'Poppins', sans-serif; font-size:18px; line-height:24px;}

.container{margin:0 10%;}
.floatend{clear:both;}

.background{background: grey;}
.hauptmenu{position:fixed; width:100%; top:0; z-index:999; padding-top: 20px; transition: all 0.3s ease;}
.red-menu{background: #ff4733; padding-bottom: 20px;}
.main_menu{float:right;}
.item{color:#fff;padding: 15px 20px;text-decoration:none; display: inline-block; transition: all 0.3s ease;}
.item:hover{color:#000; background:rgba(255, 255, 255, 0.7);}
#top-button.invisible{display: none;}
.to-top{width:40px; height: 40px; position:fixed; right:20px; bottom: 20px; background: #333; border-radius: 4px; z-index: 11; display: inline;}
.to-top-triangle{position: absolute; right: 12px; top: calc(50% - 10px); transform: rotate(269deg); opacity: 0.7; z-index:999;}
.rot{padding-top:200px; position: relative; z-index: 2;}
.headline_wrapper{color: rgba(255, 255, 255, 0.8);}
h1{font-family:'Barlow'; font-size:55px; line-height:70px; font-weight: 500;}
.sub_headline{font-family:'Barlow'; font-size:24px; line-height:28px;}
.logo{float: left; margin-top: 10px;}
.blau{padding:190px 0; background-position: 50%; background-size: cover;}
.head-content{position:relative;}
.image-folder{position: absolute; right: 20%; top: calc(40% - 100px); z-index:3;}
.sub-sub-headline{font-family: 'Barlow'; font-size: 32px; line-height: 34px; color: rgb(255 255 255); font-weight:450; margin-bottom: 30px;}
h2{font-family: 'Barlow'; font-size: 32px; line-height: 34px; font-weight:450; margin-bottom: 30px;}
.white{color: #fff;}
.black{color: #000;}
.sub-line{ font-family: 'Barlow'; font-size: 20px; line-height: 30px; color: rgb(255 255 255); font-weight:100;}
h3{font-weight: 400;}
.margin{padding: 100px 0 10px;}
.button{text-decoration:none; font-family:'Barlow'; width: fit-content; padding: 10px 15px; text-transform: uppercase; display:block; color: #fff; margin: auto;}
.button-white{; right: 45%; top: 70%; transition: 0.3s ease; border: 1px solid #fff;}
.button-white:hover{color:#fff; background:rgba(255, 255, 255, 0.7); border-color:transparent ;}
.content-wrapper{display:grid; gap: 20px; grid-template-columns: 2fr 1fr; align-items: center; width: 60%; position: relative;}
.schraege-rot{height: 450px; background: #ff4733; background:linear-gradient(60deg, rgba(255,123,38,1) 0%, rgba(255,71,51,1) 18%, rgba(232,35,66,1) 78%, rgba(255,38,181,1) 100%); clip-path: polygon(100% 0%, 100% 300px, 0% 100%, 0% 0%); position: absolute; top: 0; left:0; right: 0; z-index: 1;}
.wrapper{padding: 100px 0;}
.wrapper-einleitung{display: grid; grid-template-columns: 2fr 3fr; padding-bottom: 100px; z-index: 4; position: relative; gap: 100px;}
.acribit-rot{background: #ff4733; position: absolute; top: 0; right: 0; bottom: 0; left: 35%; clip-path: polygon(100% 0%, 100% 100%, 0px 100%, 15% 0%); z-index: 3; }
.text-einleitung{color: #fff;}
.content-einleitung{ position: relative; background:#fff;}

.orange{background: #ff7b26; position: absolute; top: 55%; right: 55%; bottom: 0; left: 0; clip-path: polygon(165% 100%, 100% 100%, 0% 100%, 0% 0%); z-index: 2;}
.infobutton{font-family: 'Barlow'; font-size: 20px; line-height: 30px; font-weight: 450; border-radius: 10px; padding: 30px; position: relative; background: #fff; text-align: center; transition: all 0.3s ease; height:fit-content;display: grid; grid-template-columns: 1fr 11fr;}
.infobutton-inactive:hover{box-shadow: 10px 10px 15px grey; cursor: pointer;}
.infobutton_inner{font-weight: 300; text-align: left; background: #fff; position: absolute; padding: 20px; z-index: 999; right: 0; border-radius: 10px 0 10px 10px; box-shadow: 0px 13px 11px grey; TOP: 0; cursor: pointer;}
.infobutton-inactive .infobutton_inner {display:none;}
.infobutton-active .infobutton_inner {display:block;} 

.infobutton-1{border-right: 40px solid #ff7b26;}
.wrapper-icons{position: relative;}
.infobutton-2{border-right: 40px solid #e85323;}
.infobutton-3{border-right: 40px solid #e82342;}
.infobutton-4{border-right: 40px solid #ff26b5;}
.dreieck{position: absolute; top: calc(50% - 9px); right:10px;}
.infobutton-active + .dreieck{transform: rotate(90deg); right: 13px;}
.wrapper-buttons{display: grid; grid-template-columns: 1fr 1fr; gap: 30px; padding-top: 100px; padding-bottom: 100px;}
.wrapper-wissensdatenbank{display: grid; grid-template-columns: 3fr 2fr; padding-bottom: 100px; z-index: 4; position: relative; gap: 100px;}
.grau{background: #efecec;}
.acribit-rot_2{background: #ff4733; position: absolute; top: 0; right: 35%; bottom: 0; left: 0; clip-path: polygon(100% 0%, 100% 100%, 0px 100%, 15% 0%); z-index: 3; transform: scaleX(-1);}
.orange_2{background: #ff7b26; position: absolute; top: 55%; right: 0; bottom: 0; left: 55%; clip-path: polygon(165% 100%, 100% 100%, 0% 100%, 0% 0%); z-index: 2; transform: scaleX(-1);}
.content-wissensdatenbank{position: relative; background: #fff;}
.content-workflows{background: #fff;}
.text-wissensdatenbank{color: #fff}
.wrapper-box{display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 30px; font-weight: 300;}
h4{font-family: 'Barlow';}
.red{color: #ff4733;font-size: 22px; line-height: 30px; font-weight: 450; text-align: center;}
.box-inner{padding: 15px;}
.line-divider{width: 15%; height: 2px; margin: 15px auto; background-color: #ff4733;}
.grafik_3{background-image:url(../media/hands_gross.svg); background-size: cover; height: 450px; background-position: 50%;}
.partner-textinhalt{background: #ff4733; padding-bottom: 100px;}
.partner-inhalt-wrapper{color: #fff;}
.hg-grau{background: #efecec;}
.hg-white{background: #fff;}
.hg-red{background: #ff4733;}
.grafik_4{margin: auto;}
.wrapper-schritte{display: grid; grid-template-columns: 1fr 1fr; gap:40px; margin-top:50px;}
.bunt{font-size:27px; font-weight:400;}
.magenta{color: #ff26b5;}
.acr-red{color: #ff4733;}
.acr-orange{color: #ff7b26;}
.inbetriebnahme{margin-left: 20px; margin-top:10px;}
.implementierung{margin-bottom:50px; margin-left: 20px; margin-top:10px;}
.analyse{margin-bottom: 50px; margin-left: 20px; margin-top: 10px;}
.cube{padding: 100px 0; background: #fff;}
.grafik_5 img{margin-left:calc(50% - 250px); width:500px; margin-bottom:70px;}
.cube-inhalt{display: grid; grid-template-columns: 2fr 1fr;}
.bild-cube{padding-left: 30px}
.button-red{background: #ff4733; margin: auto; margin-top: 50px;}
.button-red:hover{transition: 0.3s ease; color:#fff; background: #333;}
.merksaetze{background: #222;}
.interesse{background: #efecec;}
.padding{padding-bottom:100px;}
.einleitung-merksaetze{color: #fff;}
.voi-item{color: #fff;}
.voi-item:hover{color: #ff4733;}
.wrapper-checkliste{display: grid; grid-template-columns: 1fr 1fr;}
.checkliste{color: #fff; padding: 30px;}
h5{font-family:'Barlow'; font-size: 42px; color: #ff4733; font-weight: 500;line-height: 45px}
.grafik_6{background-size: cover; height: 650px; background-position-y: center;}
.wrapper-blog{padding: 100px 0;}
.button-blog{padding: 250px 0;}
.button-white-blog{; right: 45%; top: 70%; transition: 0.3s ease; border: 1px solid #fff;}
.button-white-blog:hover{color:#fff; background:rgba(255, 255, 255, 0.7); border-color:transparent ;}
.wrapper-blogbeitraege{display: grid; grid-template-columns: 1fr 1fr; gap: 50px; margin-bottom: 50px;}
.kachel:hover{background: #efecec;}
.blogbeitraege{background: #fff; padding:100px 0;}
.category-item{display: inline-block; border: 1px solid; border-radius:5px; margin: 0 12px 50px; padding:10px; cursor: pointer; color: #fff;}
.category-item:hover{transition: 0.3s ease; color:#ff4733; background: #fff;}
.category{margin: auto; margin-bottom: 20px;}
.category-all{background: grey;}
.category-acribit{background: #ff4733;}
.category-it{background: #ff7b26;}
.category-presentation{background: #e85323;}
.category-print{background: #e82342;}
.category-health{background: #ff26b5;}
.category-other{background: #b5b0b0;}
.category-inner{margin: 0 50% 50px;}
.teaser{padding: 0 15px;}
.kachel-inactive .blog-inner{display:none;}
.kachel-active .blog-inner{display:block;}
.kachel{padding: 20px;}
.kachelbild{border-radius:10px;width:100%; padding: 10px 0 0;}
.button-weiterlesen{background: #ff4733; margin: 15px; cursor: pointer;}
.button-weiterlesen:hover{transition: 0.3s ease; color:#fff; background: #333;}
h6{font-size:20px; font-weight:600; padding:15px 0;}
.blog-head{font-size:20px; font-weight:600; padding:15px;}
.interesse-inhalt{text-align: center;}
.grafik_6{background-size: cover;height: 650px; background-position-y: center;}
.button-blog{padding: 250px 0;}
.wrapper-blog{padding: 100px 0;}
.termin{padding-top:20px; font-size: 20px; line-height: 30px;}
.kontakt-item{text-decoration: none; color: #fff; text-align: center;}
.kontakt-item:hover{transition: 0.3s ease; color:#fff; background: #333;}
.footer-rot{background:linear-gradient(60deg, rgba(255,123,38,1) 0%, rgba(255,71,51,1) 18%, rgba(232,35,66,1) 78%, rgba(255,38,181,1) 100%); padding: 50px 0;}
.copyright{color: #fff; padding-top: 10px;}
.social-media-icons{height: 30px; float: right;}
.social-media-icons a{text-decoration: none; margin: 0px 10px; color: #fff}


@font-face{font-family:'icomoon';src:url('../fonts/iconfont/icomoon.eot?-qk6xo1');src:url('../fonts/icomoon.eot?#iefix-qk6xo1') format('embedded-opentype'),
url('../fonts/iconfon/icomoon.woff?-qk6xo1') format('woff'),
url('../fonts/iconfont/icomoon.ttf?-qk6xo1') format('truetype'),
url('../fonts/iconfont/icomoon.svg?-qk6xo1#icomoon') format('svg');font-weight:normal;font-style:normal;}
.icon-facebook:before,.icon-twitter:before,.icon-linkedin:before,.icon-xing:before{font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.icon-facebook:before{content:"\ea90";}
.icon-twitter:before{content:"\ea96";}
.icon-linkedin:before{content:"\eac9";}
.icon-xing:before{content:"\ead4";}
.footer-menu{padding-top: 30px;}
.item-footer{color:#fff;padding-top: 15px; padding-right: 50px;text-decoration:none; display: inline-block; transition: all 0.3s ease;}
.item-footer:hover{color: #000;}

@media(min-width:1181px){
	.bild-cube{width: 50%; padding-top:110px; padding-left:80px;}
	.cube-inhalt{margin-bottom: 50px;}
	.content-wrapper{display: grid; gap: 40px; grid-template-columns: 1fr; position: relative;}
}

@media(min-width:1330px){
	.schritte-digiarchiv{padding:100px 0;}
}

@media(min-width:1699px){
	.image-folder{top: calc(37% - 100px);}
	.container{margin: 0 20%;}
	.checkliste{padding-top: 70px;}
	.wrapper-einleitung{grid-template-columns: 3fr 5fr;}
	.wrapper-wissensdatenbank{grid-template-columns: 5fr 3fr;}
	.grafik_3{height:510px;}
}

@media(min-width:1836px){
	.image-folder{right:26%;}
	.wrapper-box{column-gap:40px;}
}

@media(min-width:1989px){
	.wrapper-box{column-gap:50px;}
	.wrapper-einleitung{grid-template-columns: 1fr 2fr; gap:170px;}
	.wrapper-wissensdatenbank{grid-template-columns: 2fr 1fr; gap: 130px;}
	.image-folder{right: 20%;top: calc(34% - 100px);}
	.container-wrapper{width:1990px; display: block; margin: 0 auto;}
	.container-wrapper-inner{box-shadow:1px 0px 20px -5px #000;}
	.hauptmenu{width:1990px;}
}

@media(min-width:2379px){
	.image-folder{right:21%; top: calc(38% - 100px);}
}

@media(max-width:1699px){
	.wrapper-checkliste{padding-top: 50px;}	
	.checkliste{padding: 30px 50px;}
}

@media(max-width:1330px){
	.schritte-digiarchiv{padding: 100px 0;}
	.container{margin: 0 15%;}
	.grafik_3{background-image:url(../media/hands2.svg); height:550px;}
	.partner-inhalt-wrapper{padding-top:50px;}
}

@media(max-width: 1180px){
	.content-wrapper{display: block; width: 100%;}
	.blau{background-position: 90%;}
	.button-white{margin-top: -50px; margin-left: 65%; margin-bottom: 80px;}
	.image-folder{top: calc(37% - 100px);}
	.bild-cube{width: 50%; padding-top:110px; padding-left:80px;}
	.cube-inhalt{margin-bottom: 50px;}
	.wrapper-schritte{margin-top: 50px;grid-template-columns: 1fr;}
	.grafik_3{height:490px;}
	.margin{padding:70px 0 10px;}
	.wrapper{padding-top:70px;}
	.merksaetze{padding-bottom: 70px;}
	.interesse-inhalt{padding-bottom:70px;}
	.padding{padding-bottom:70px;}
	.wrapper-blog{padding:70px;}
}

@media(max-width:1101px){
	.item{padding: 15px 10px;}
	.image-folder{top: calc(45% - 100px); width: 125px; height: 125px; right: 25%;}
	.schraege-rot{clip-path: polygon(100% 0%, 100% 335px, 0% 100%, 0% 0%);}
	.wrapper-box{grid-template-columns: 1fr; gap: 40px; padding-bottom: 0;}
	.grau{padding-bottom:70px;}
}

@media(max-width: 1023px){
	.main_menu{padding-top: 100px;}
	.hauptmenu-toggle{display:none; width: calc(320px - 0px); background: #fff; position: absolute; right: 0; height: calc(100vh - 380px); padding-bottom: 40px; top:0;}
	.item{color:#ff4733;padding: 20px 60px 20px; transition: all 0.3s ease;}
	.item:hover{color:#fff; background:#ff4733;}
	.toggle-button{float: right; right: 30px; position: absolute; cursor: pointer; width: 50px; height: 50px; top: 30px; display: grid; align-content: space-around;}
	.toggle-button .linie{background: #fff; height: 2px;}
	.toggle-button-active .line-1{background-color: #ff4733; transform-style: preserve-3d; transition: transform 350ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s, width 350ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s; width: 23px; height: 2.5px; transform: translateX(3px) translateY(6px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(45deg);}
	.toggle-button-active .line-3{background-color: #ff4733; transform-style: preserve-3d;transition: transform 350ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s, width 350ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s; width: 23px; height:2.5px; transform: translateX(24px) translateY(-7px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(45deg);}
	.toggle-button-active .line-2{background-color: #ff4733; transform-style: preserve-3d;transition: transform 350ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s; transform: rotateX(0deg) rotateY(0deg) rotateZ(-45deg);height:2.5px;}
	.image-folder{ right: 20%;top: calc(46% - 100px);}
	.schraege-rot{clip-path: polygon(100% 0%, 100% 355px, 0% 100%, 0% 0%);}
	.blau{background-position: 70%;}
	.button-white{margin-left: 70%;}
	.wrapper-buttons{grid-template-columns: 1fr;}
	.bild-cube{padding-top:130px; padding-left: 60px;}
	.red-menu{padding-bottom: 33px;}
	.logo{margin-top:22px;}
}

@media(max-width: 900px){
	.container{margin:0 5%;}
	.schraege-rot{clip-path: none; height:390px;}
	.image-folder{right: 20%;top: calc(52% - 100px);}
	.button-white{display: none;}
	.grau_2{background: #efecec;margin-bottom: -120px;}
	.schritte-digiarchiv{padding: 70px 0;}
	.wrapper-box{padding-bottom: 100px;}
	.grafik_3{height:400px;}
	.grafik_5 img{width:250px; margin-left: calc(50% - 125px);}
}

@media(max-width: 767px){
	*{font-size: 16px;}
	.image-folder{display: none;}
	.rot{padding-top:100px;}
	.schraege-rot{height:340px;}
	.blau{padding: 120px 0;background: #151e4c; height: 50px; background-image: initial!important;}
	h1{padding-top:70px;}
	.content-einleitung{background: #ff4733; padding-bottom: 50px;}
	.orange{display: none;}
	.wrapper-einleitung{grid-template-columns: 1fr; gap: 10px; padding-top:0; padding-bottom: 20px;}
	.grafik_1{width: 75%; margin-left:10%; margin-bottom: -50px;}
	.vorteile-einleitung{margin-bottom: 50px;}
	.content-wissensdatenbank{background: #ff4733; padding-top: 70px; padding-bottom:70px;}
	.orange_2{display: none;}
	.wrapper-wissensdatenbank{display: initial;}
	.grafik_2{width: 75%; padding-top: 50px; margin-right: 80px; padding-left:10%;}
	.wrapper-box{display: initial;}
	.box-inner{margin-bottom: 35px}
	.workflows-einleitung{margin-bottom: 40px;}
	.grau_2{margin-bottom: -40px; padding-top: 50px;}
	.copyright{font-size: 15px;}
	.item-footer{padding-right: 20px;}
	.wrapper-checkliste{grid-template-columns: 1fr;}
	.merksaetze{padding: 70px 0;}
	.interesse-inhalt{padding: 70px 0;}
	.cube{padding: 70px 0;}
	.cube-inhalt{grid-template-columns: 1fr;}
	.bild-cube{padding-top:80px; padding-left: 25%;}
	.wrapper-buttons{padding: 80px 0;}
	.grafik_3{height:360px;}
	.partner-textinhalt{margin-top:-30px;}
	.checkliste{padding: 30px 70px;}
	.gap{padding-top: 30px;}
	.padding{padding-bottom:50px;}
}

@media(max-width: 569px){
	.rot{padding-top: 130px; position: relative; z-index: 2;}
	.schraege-rot{height:320px;}
	h1{padding-top: 40px;}
	.grafik_2{margin-left: -2%;}
	.partner-wrapper{padding-top: 325px;}
	.partner-inhalt-wrapper {padding-top: 30px}
	.copyright{color: #fff; padding-top: 10px; font-size: 8px}
	.social-media-icons{display: contents;}
	.footer-menu{display: block;}
	.item-footer{margin-right:200px;}
	.sub-sub-headline{margin-top: -40px;}
	.blau{height:0;}
	.cube-inhalt{margin-bottom: 20px;}
	h2{line-height:40px;}
	.infobutton-icon img{width:20px;}
	.infobutton{font-size: 16px;}
	.button-blog{padding: 200px 0;}
}

@media(max-width:494px){
	h1{font-size: 45px; padding-top: 0;}
	.sub-sub-headline{font-size:29px;}
	.wrapper-schritte{gap:60px;}
	.schraege-rot{height:300px;}
	.checkliste{padding: 30px 50px;}
	.button-red{margin-top: 30px;}
	.termin{padding: 30px 0;}
	.padding{padding-bottom:30px;}
}

@media(max-width: 433px){
	*{hyphens: auto;}
	.sub-sub-headline{margin-top:0px;}
	.blau{height:50px; padding: 100px 0 120px;}
	.content-einleitung{padding: 20px 0 60px;}
	.wrapper-buttons{padding: 70px 0;}
	.infobutton{font-size: 12px; padding: 10px;}
	.content-wissensdatenbank{padding: 50px 0;}
	.item-footer{margin-right: 130px;}
	.schraege-rot{height: 310px;}
	h2{margin-top: 0;}
	.grafik_1{margin-bottom: 0;}
	.wrapper-einleitung{padding-bottom: 0;}
	.partner-textinhalt{padding-bottom: 50px;}
	.cube{padding: 50px 0;}
	.schritte-digiarchiv{padding: 50px 0;}
	.merksaetze{padding:50px 0;}
	.wrapper-checkliste{padding-top: 30px;}
	.interesse-inhalt{padding: 50px 0;}
	.bild-cube{padding-top:50px;}
	.grafik_3{height:270px;}
	.gap{padding-top:0;}
	.wrapper-blog{padding:50px;}
}

@media(max-width:404px){
	h1{padding-top:0px; line-height:50px;}
	.schraege-rot{height:380px;}
	.blau{height:70px;}
	.sub_headline{padding-top:30px;}
	.pyramid{width:280px;}
	.checkliste{padding: 30px;}
}

@media(max-width: 364px){
	*{font-size:14px;}
	.toggle-button{width: 35px; height: 35px; padding-top: 10px;}
	.grafik_2{margin-left: -2%;}
	.partner-textinhalt{padding-bottom: 60px;}
	.item-footer{margin-right: 110px;}
	.toggle-button-active .line-1{width:15px; transform: translateX(3px) translateY(4px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(45deg);}
	.toggle-button-active .line-3{width:15px; transform: translateX(18px) translateY(-5px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(45deg);}
}

@media(max-width:317px){
	.grafik_3{margin-bottom:20px;}
	.content-einleitung{padding: 20px 0 40px;}
	.wrapper-buttons{padding: 60px 0 70px;}
	.content-wissensdatenbank{padding: 50px 0;}
	.item-footer{margin-right: 80px;}
	.schraege-rot{height:360px;}
	.blau{padding: 80px 0 120px;}
	.item{padding: 20px 80px 20px;}
	.pyramid{width:200px;}
}