:root {
    /* Farben */
    --oopyellow: #ffe600;
    --oopblue: #009ce9;
    --oopred: #ff5400;
    --oopblack: #000000;
    --oopheaderorange: #ff7f40;
  
}

* {font-family: 'Montserrat-Medium';}
a {color: var(--oopblue);}
p {font-family: 'Montserrat-Medium'; font-size: 17px; line-height: 1.5;}
.lead {font-family: 'Montserrat-Medium'; font-size: 25px; line-height: 1.5; width: 80%;}
h1 {font-family: 'Montserrat-Bold'; font-size: 55px; line-height: 1.25;}
h2 {font-family: 'Montserrat-Bold'; font-size: 55px; line-height: 1.25; text-transform: none;}
h3 {font-family: 'Montserrat-SemiBold'; font-size: 25px; text-transform: none}
h4 {color: #009ce9;}

.frame-headerblue h2 {color: var(--oopblue); }

.ce-textpic figcaption {color: var(--oopblue);}

.button-black { font-family: 'Montserrat-SemiBold'; padding: 15px 30px; background-color: var(--oopblack); color: #ffffff; border-bottom-right-radius:25px; margin: 0 20px 10px 0; display: inline-block; transition: all .2s ease-in-out;}
.button-blue { font-family: 'Montserrat-SemiBold'; padding: 15px 30px; background-color: var(--oopblue); color: var(--oopblack); border-bottom-right-radius:25px; margin: 0 20px 10px 0; display: inline-block; transition: all .2s ease-in-out;}
.button-yellow { font-family: 'Montserrat-SemiBold'; padding: 15px 30px; background-color: var(--oopyellow); color: var(--oopblack); border-bottom-right-radius:25px; margin: 0 20px 10px 0; display: inline-block;transition: all .2s ease-in-out;}
.button-red { font-family: 'Montserrat-SemiBold'; padding: 15px 30px; background-color: var(--oopred); color: var(--oopblack); border-bottom-right-radius:25px; margin: 0 20px 10px 0; display: inline-block; transition: all .2s ease-in-out;}
.button-black:hover, .button-blue:hover, .button-yellow:hover, .button-red:hover {transform: scale(1.1); box-shadow: inset 0 0 0 1000px rgba(0,0,0,.1); }

.menue-button {
	margin-left: 10px;
	min-width: 220px;
}

.main-header .claim p {margin: 0 0 10px 0; line-height: 1.2;}
.main-header .claim .highlight {color:var(--oopheaderorange);}
.main-header-wrapper.sticky .claim p {line-height: 1.2; font-size: 14px; margin-top: 10px;}
.main-header .service-nav ul li,
.main-header .service-nav ul li a {color: var(--oopheaderorange); font-family: 'Montserrat-SemiBold'; font-size: 17px; line-height: 1.5;}
.main-header .service-nav .share img {height: 15px; width: 15px;}
.main-header .service-nav {display: flex; align-items: center;}
.main-header-wrapper.sticky { box-shadow: 0px 15px 10px -15px var(--oopblack);}

.main-header .main-navigation {bottom: 10px;}
.main-header .main-navigation ul li a {color: black; font-family: 'Montserrat-Bold'; text-transform: none; font-size: 17px; padding-bottom: 46px;}
.main-header .main-navigation ul li.cta { border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-bottom-right-radius: 25px; background-color: var(--oopyellow);padding: 14px 38px 14px 37px;}
.main-header .main-navigation ul li.cta > ul,
.main-header .main-navigation ul ul {top: 74px;}
.main-header .main-navigation ul > li.current a {color: var(--oopblue);}
.main-header .main-navigation ul > li.current ul li a {color: black;}
.main-header .main-navigation ul li ul > li.current a {color: var(--oopblue);}
.main-header .main-navigation ul li ul > li.current ul li a {color: black;}
.main-header .main-navigation ul li ul li ul > li.current a {color: var(--oopblue);}

.main-header .cart i {color: var(--oopblue); border: 1px solid var(--oopblue); padding: 11px;border-radius: 100%;}

.keyvisual .keycontent .keyDate {background-color: #ffffff; color: var(--oopblue);}
.keyvisual .keycontent .keyUpperHeader {color: #000;}
.keyvisual .keycontent .keyLowerHeader {color: #ffffff;}
.keyvisual .keycontent .keybutton {background-color: #FFF100;}
.keyvisual .keycontent .keybutton a {color: black;}
.keyvisual #timer {background-color: #FFF100;}
.keyvisual .keybackSubpage h1{color: #000 !important;}
.keyvisual .keybackSubpage.rounded{background-position: left top !important;margin-right: 20px;}

.frame-boxred {background-color: var(--oopred); border-bottom-right-radius: 25px; padding: 45px 50px; margin-top: 15px;}
.frame-boxred * {color: var(--oopblack);}
.frame-boxred a {text-decoration: underline;}
.frame-boxred .image {width: 85px; display: flex; justify-content: center;}
.frame-boxblue {background-color: var(--oopblue); border-bottom-right-radius: 25px; padding: 45px 50px; margin-top: 15px;}
.frame-boxblue * {color: var(--oopblack);}
.frame-boxblue a {text-decoration: underline;}
.frame-boxblue .image {width: 85px; display: flex; justify-content: center;}
.frame-boxyellow {background-color: var(--oopyellow); border-bottom-right-radius: 25px; padding: 45px 50px; margin-top: 15px;}
.frame-boxyellow * {color: var(--oopblack);}
.frame-boxyellow a {text-decoration: underline;}
.frame-boxyellow .image {width: 85px; display: flex; justify-content: center;}
.frame-boxblack {background-color: var(--oopblack); border-bottom-right-radius: 25px; padding: 45px 50px; margin-top: 15px;}
.frame-boxblack * {color: #ffffff;}
.frame-boxblack a {text-decoration: underline;}
.frame-boxblack .image {width: 85px; display: flex; justify-content: center;}

.oopquotes {background-color: var(--oopblack); padding: 90px 60px; border-top-left-radius: 45px; max-width: 90%; margin: 0 auto;}
.oopquotes .upper {margin-bottom: 60px;}
.oopquotes .upper h2 {color: var(--oopyellow); text-align: center; margin-bottom: 80px;}
.oopquotes .lower {display: flex; flex-wrap: wrap; gap: 40px; justify-content: center; row-gap: 80px;}
.oopquotes .lower .singlequote {color: #ffffff; width: 300px; font-family: 'Montserrat-Medium'; line-height: 1.5; padding-left: 35px; position: relative;font-size: 20px;}
.oopquotes .lower .singlequote:before {width: 25px; height: 25px; position: absolute; left: 0; top: 0;content: "\201c"; font-family: "Montserrat"; font-size: 64px; line-height: 1;color: #009ce9;}

.imagetextlink {overflow: hidden; height: 100%; }
.imagetextlink .image {max-width: 110px; height: 85px; margin-bottom: 50px; display: flex; align-items: center;}
.imagetextlink .headline {margin-bottom: 25px;}
.imagetextlink .text {font-size: 17px;line-height: 1.5; margin-bottom: 40px}
.imagetextlink .link {padding-left: 50px; position: absolute; bottom: 0;} 
.imagetextlink .link:before {content: ""; width: 25px; height: 1px; background-color: var(--oopblue); position: absolute; left: 0; top: 50%; }

.oopclaim {background-color: var(--oopyellow); padding: 155px 60px; display: flex; gap: 50px;}
.oopclaim .left {max-width: 442px;}
.oopclaim .right p {font-family: 'Montserrat-Medium'; font-size: 25px; line-height: 1.5;}
.oopclaim .right .text {margin-bottom: 40px;}
.oopclaim .right .button a {padding: 17px 38px; background-color: var(--oopblack); color: #ffffff; border-bottom-right-radius:25px; display: inline-block; transition: all .2s ease-in-out;}
.oopclaim .right .button a:hover {transform: scale(1.1); box-shadow: inset 0 0 0 1000px rgba(0,0,0,.1);}

.btb-box .btb-right .btb-content .btbText p { color: #ffffff;}

.btb-box.row {margin-left: 0; margin-right: 0;}
.btb-box .btb-right .btb-content .btbButton a {color: #ffffff; }
.btb-box .btb-right .btb-content .btbButton { background-color: var(--oopblue); border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-bottom-right-radius: 25px;}
.btb-box .btb-right.turquis {background-color: var(--oopblack);}
.btb-box .btb-right.turquis .btb-content h2.btbHeader {color: var(--oopyellow); font-size: 25px; text-transform: none;font-family: 'Montserrat';}
.btb-box .btb-right.turquis .btb-content .btbText {color: #ffffff;}
.btb-box .btb-right.lightblue {background-color: #009CE9;}
.btb-box .btb-right.lightblue .btb-content h2.btbHeader {color: var(--oopyellow); font-size: 25px; text-transform: none;font-family: 'Montserrat';}
.btb-box .btb-right.lightblue .btb-content .btbText {color: #ffffff;}
.btb-box .btb-right.white .btb-content h2.btbHeader {color: var(--oopblue);}
.btb-box .btb-right.white .btb-content .btbText {color: black;}
.btb-box .btb-right.white .btb-content .btbButton {background-color: var(--oopblack);}
.btb-box .btb-right.white .btb-content .btbButton a {color: #ffffff;}
.btb-box .btb-right.white .btb-content h2.btbHeader {color: var(--oopblue);}
.btb-box .btb-right.white .btb-content .btbText p,
.btb-box .btb-right.white .btb-content .btbText b,
.btb-box .btb-right.white .btb-content .btbText a {color: black;}
.btb-box .btb-right.yellow {background-color: #FFED00;}
.btb-box .btb-right.yellow .btb-content .btbText {color: black;}
.btb-box .btb-right.yellow .btb-content .btbButton {background-color: #ffffff;}
.btb-box .btb-right.yellow .btb-content .btbButton a {color: black;}
.btb-box .btb-right.yellow .btb-content .btbText p,
.btb-box .btb-right.yellow .btb-content .btbText b,
.btb-box .btb-right.yellow .btb-content .btbText a {color: black;}
.btb-box .btb-right.lightblue .btb-content h2.btbHeader {color: var(--oopblue);font-size: 54px;font-family: 'Montserrat-SemiBold';line-height: 64px;}
.btb-box .btb-right.lightblue .btb-content .btbText {color: #fff;}
.btb-box .btb-right.lightblue .btb-content .btbButton {background-color: var(--oopblack);}
.btb-box .btb-right.lightblue .btb-content .btbButton a {color: #ffffff;}
.btb-box .btb-right.lightblue .btb-content h2.btbHeader {color: #ffffff;}
.btb-box .btb-right.lightblue .btb-content .btbText p,
.btb-box .btb-right.lightblue .btb-content .btbText b,
.btb-box .btb-right.lightblue .btb-content .btbText a {color: #ffffff;}
.btb-box .btb-right .btb-content {padding: 0 7%;}
.btb-box .btb-right.black {background-color: black;}
.btb-box .btb-right.black .btb-content h2.btbHeader {color: var(--oopyellow); font-size: 25px; text-transform: none;font-family: 'Montserrat';}
.btb-box .btb-right.black .btb-content .btbText {color: #ffffff;}
.btb-box .btb-right.black .btb-content h2.btbHeader {color: var(--oopblue);}
.btb-box .btb-right.black .btb-content .btbText {color: #fff;}
.btb-box .btb-right.black .btb-content .btbButton {background-color: var(--oopblue);}
.btb-box .btb-right.black .btb-content .btbButton a {color: #ffffff;}
.btb-box .btb-right.black .btb-content h2.btbHeader {color: #ffffff;}
.btb-box .btb-right.black .btb-content .btbText p,
.btb-box .btb-right.black .btb-content .btbText b,
.btb-box .btb-right.black .btb-content .btbText a {color: #ffffff;}


.btb-back .btb-content h2 {color: #ffffff;}
.btb-back .btb-content .btbText p {color: #ffffff;}
.btb-back .btb-content .btbButton a {color: var(--oopblue);}
.btb-back.white .btb-content h2 {color: var(--oopblue);}
.btb-back.white .btb-content .btbText p {color: black;}
.btb-back.white .btb-content .btbButton {background-color: var(--oopblue);}
.btb-back.white .btb-content .btbButton a {color: #ffffff;}
.btb-back.yellow {background-color: #FFED00;}
.btb-back.yellow .btb-content h2 {color: #000000;}
.btb-back.yellow .btb-content .btbText p {color: #000000;}
.btb-back.yellow .btb-content .btbButton {background-color: #ffffff;}
.btb-back.yellow .btb-content .btbButton a {color: var(--oopblue);}
.btb-back.turquis {background-color: var(--oopblue);}
.btb-back.turquis .btb-content h2 {color: #ffffff;}
.btb-back.turquis .btb-content .btbText p {color: #ffffff;}
.btb-back.turquis .btb-content .btbButton {background-color: #ffffff;}
.btb-back.turquis .btb-content .btbButton a {color: #000000;}
.btb-back.lightblue {background-color: #009CE9;}
.btb-back.lightblue .btb-content h2 {color: #ffffff;}
.btb-back.lightblue .btb-content .btbText p {color: #ffffff;}
.btb-back.lightblue .btb-content .btbButton {background-color: #ffffff;}
.btb-back.lightblue .btb-content .btbButton a {color: #000000;}

.speakerbox .speakerUpper h2 {color: var(--oopblue); }
.speakerbox .speakerLower .bspeaker-name {color: var(--oopblue);}
.speakerbox .speakerlink a {background-color: var(--oopblue); color: #fff;}

.sponsorHeader {text-align: center; color: var(--oopblue);}

.breadcrumb {color: #7C7C7C;}
.breadcrumb a {color:#7C7C7C;}

#newConfInfo {background-color:var(--oopblue); }

.tx-dm-conferences .sponsors-list .sponsor a {color: var(--oopblue);}

.tx-dm-conferences .headline div {background-color:#ffffff; color: var(--oopblue); border: 1px solid var(--oopblue);}
.tx-dm-conferences .headline div.active {background-color:var(--oopblue); color: #ffffff; border: none;}
.tx-dm-conferences .tabs ul li.active {border-bottom: 2px solid var(--oopblue); }
.tx-dm-conferences .tabs ul li.active div {color: var(--oopblue);}
.tx-dm-conferences .item .accTrigger::after {color: var(--oopblue);}
.tx-dm-conferences .title-speaker .title,
.tx-dm-conferences .title-speaker-detail .title-speaker-detail-header {color: var(--oopblue);}
.tx-dm-conferences .tab-content .item .accLower .talkTitle {color: var(--oopblue);}
.tx-dm-conferences .tab-content .item .accLower .speaker .name a {color: var(--oopblue);}
.tx-dm-conferences-pi1 .box-standard .referenten .referenten-list span {color: var(--oopblue);}
.tx-dm-conferences-pi1 .referenten-abc .active a {color: var(--oopblue);}
.tx-dm-conferences-pi1 .box-standard .textRight a {color: var(--oopblue);}
.tx-dm-conferences .back-to-top {color: var(--oopblue);}
.tx-dm-conferences .item .info-cart .cartbutton {color: var(--oopblue); border-color:var(--oopblue);}
.tx-dm-conferences .item .info-cart .cartbutton .material-icons {color: var(--oopblue);}
.tx-dm-conferenc-cart .buttons .submit input{background:var(--oopblue);}

footer .footerOop {background-color: var(--oopblack); padding: 60px 60px 0px 60px; display: flex; flex-direction: column;}
footer .footerOop .upper {padding-bottom: 70px; border-bottom: 1px solid #ffffff;}
footer .footerOop .upper .claim p {font-family: 'Montserrat-Medium'; font-size: 25px; line-height: 1.2; color: #ffffff;}
footer .footerOop .upper .claim .highlight {color:var(--oopheaderorange);}
footer .footerOop .upper .uppernav .bottomservice {display: flex; gap: 20px;}
footer .footerOop .upper .uppernav .bottomservice a {color: var(--oopyellow); font-family: 'Montserrat-SemiBold';}
footer .footerOop .lower {display: flex; justify-content: space-between;}
footer .footerOop .lower .copyright ul li {color: var(--oopblue); font-family: 'Montserrat-Medium';}
footer .footerOop .lower .copyright ul {margin-top:25px;margin-bottom:25px;}
footer .footerOop .lower ul.service {margin-top:25px;margin-bottom:25px;}
footer .footerOop .lower ul.share {margin-top:25px;margin-bottom:25px;}
footer .footerOop .lower .right {display: flex; gap: 50px;}
footer .footerOop .lower .right .servicenav .service {display: flex; gap: 20px;}
footer .footerOop .lower .right .servicenav .service a {color: var(--oopblue); font-family: 'Montserrat-SemiBold';}
footer .footerOop .lower .right .share img {height: 15px; width: 15px;}

#cookie-box .btn{ display:inline-block;margin:0 0 0 11px;padding:10px 19px;font-size:16px;background:var(--oopblue);text-transform:initial;font-variant:normal;font-weight:normal;color:#ffffff;border:0;}
#cookie-box .btn.nocookies{ background:#afafaf;}

.main-header .service-nav .search {right: 435px;}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#c11027 .sorting {
    display: none!important;
}

#c11075 .sorting {
    display: none;
}

#c11084,
#c11127,
#c11126,
#c11076,
#c11074
#c11071,
#c11125{
    margin-bottom: 15px!important;
}

.container.subpage ul {
    list-style-position: initial;
    padding-left: 10px!important;
}
.main-header .headline .claim {
  margin-left: 50px;
}
.gridheader{
	margin-bottom:41px;
}
.frame-boxred .ce-gallery,
.frame-boxblue .ce-gallery,
.frame-boxyellow .ce-gallery,
.frame-boxblack .ce-gallery{margin-right: 25px;}
p.plus-lineheight{line-height: 1.7;}
.btb-box .btbBack{height: 100%;}

@media (max-width: 1500px) {
  .main-header .claim {position: relative; top: -31px;}
  .main-header .claim br {display: none;}
}
@media (max-width: 1200px) {
    .main-header .service-nav {display: none;}
    .mobile-navigation nav {border-top: 2px solid var(--oopblue);}
    .main-header .mobile-navigation ul li .toggle-subnavigation:before,
    .main-header .mobile-navigation ul li .toggle-subnavigationSecond:before {color: var(--oopblue);}
    .main-header .mobile-navigation .current > a {color:var(--oopblue); }
    .oopclaim .left {width: 50%;}
    .oopclaim .right {width: 50%;}
	.btb-box .btb-right .btb-content {padding: 0 40px;}
}

@media (max-width: 900px) {
	.frame-boxred {padding: 20px 30px;}
	.frame-boxblue {padding: 20px 30px;}
	.frame-boxyellow {padding: 20px 30px;}
	.frame-boxblack {padding: 20px 30px;}
    .oopclaim .left h2 {font-size: 35px;}
    .oopclaim .right p {font-size: 20px;}
    footer .footerOop .lower {flex-direction: column;}
    .btb-box .col-md-6 {padding-left: 15px; padding-right: 15px;}
}
@media (max-width: 768px) {
    .imagetextlink .link {position: relative;}
    .imagetextlink {margin-bottom: 30px;}
    .oopquotes .lower .singlequote {width: 100%;}
    .oopquotes .lower {justify-content: flex-start;}
}
@media (max-width: 600px) {
    p {font-size: 15px; line-height: 1.5;}
    .lead {font-size: 20px;width: 100%;}
    h1 {font-size: 35px; line-height: 1.25;}
    h2 {font-size: 35px; line-height: 1.25;}
    h3 {font-size: 20px;}

    .oopquotes {padding: 20px 10px;}
    .oopclaim {flex-direction: column;}
    .oopclaim .left {width: 100%;}
    .oopclaim .right {width: 100%;}

    footer .footerOop .lower .right {flex-direction: column; gap: 0;}
    footer .share {display: flex; gap: 20px;}
    footer .share ul li {margin-left: 0;}
}

@media (prefers-color-scheme: dark) {
  body {
    color: white !important;
    background: black;
  }
  .content-main a {
    color: var(--oopblue) !important;
  }
  .button a,
  a.button-blue,
  a.button-red,
  .main-header .main-navigation ul li a{
    color: white !important;
  }
  a.button-yellow,
  a.button-black,
  .main-header .main-navigation ul li.cta > a,
  .oopclaim{
    color: black !important;
  }
  a.button-black{
    background: white;
  }
  .main-header-wrapper.sticky,
  .main-header .main-navigation ul li,
  .main-header .main-navigation ul ul,
  .main-header .main-navigation ul li.cta ul li{
    background: black;
  }
  .frame-boxred,
  .frame-boxblue,
  .frame-boxyellow,
  .frame-boxred *,
  .frame-boxblue *,
  .frame-boxyellow *{
	  color: black !important;
  }
  .oopquotes,
  .btb-box .btb-right.turquis , .btb-box .btb-right.lightblue
  .frame-boxblack{
	  background-color:#101010;
  }
  .logo img{
	display:none;
  }
  .logo img.darkmode-only{
	display: block;
  }
    .content-main .tx-dm-conferences .sponsor{
		background-color:#fff;
	}
  .oop_tracks .oop_tracks_accordion .accupper {border-bottom: 2px solid #000;}
}
@media (prefers-color-scheme: light) {
}