@import url("../fonts/fonts.css");

:root{
    --blue: #003087;
    --black: #020b3d;
    --wd-light: #73b9fb;
	--gray:#ced4ea;
	--white:#fff;
}
html {
  scroll-behavior: smooth;
}
html,body{font-size: 18px; font-family:'Roboto Condensed' !important;line-height: 1.4;padding: 0px; margin: 0px;color:var(--black);}
h1,h2,h3,h4,h5,h6{
    font-family: "Inter" !important;
    font-weight: 900;
}
h1{    font-size: 2rem !important;    line-height: 2rem !important;    }
h2{    font-size: 1.3rem !important;    line-height: 1.4!important;}
h3{    font-size: 2.5rem !important;    line-height: 1.2!important; }
h2.sppb-addon-title {color:var(--black)!important;}
.h6, h6 {    font-size: 1rem;    margin: 0;    line-height: 1;}
#termine h2.sppb-addon-title, #teams h2.sppb-addon-title {color:var(--white)!important;}
h3.sppb-addon-title {color:var(--black)!important;}
.whitetext h3.sppb-addon-title {color:var(--white)!important;}
.bluebox h3 {color:var(--white)!important;}
.bluebox  {color:var(--white)!important;    font-size: 18px;}
#termine h3.sppb-addon-title, #teams h3.sppb-addon-title {color:var(--white)!important;}

b, strong {    font-weight: 600;}
a{  color: var(--wd-light);}
a:hover, a:focus, a:active {    color: var(--blue);}
#news .sppb-articles-carousel-link:hover {    color: var(--wd-light) !important;}
.container, .sppb-container, .sppb-row-container {    max-width: 1470px;width:100%!important;}
.custom-btn{    background-color: var(--blue);    color: var(--white);    border: 1px solid var(--blue) ;    font-size: 1.4rem ;    line-height:1.4;    padding: 18px 40px;    text-transform: uppercase;    font-weight: 400;    display: inline-block;    white-space: nowrap;    margin-top: 15px;}
.custom-btn:hover{    background-color: var(--white) ;    color: var(--blue) ;  }
.btn-white{    background-color: var(--white);    color: var(--blue);   }
.btn-white:hover{    background-color: var(--blue) ;    color: var(--white) ;  }
.article-list.articles-leading .article:first-child .readmore a{    background-color: var(--white);    color: var(--blue);  border: 1px solid var(--blue) ;    font-size: 1.4rem ;    line-height:1.4;    padding: 18px 40px;    text-transform: uppercase;    font-weight: 400;    display: inline-block;    white-space: nowrap;    margin-top: 15px;  }
.article-list.articles-leading .article:first-child .readmore a:hover{    background-color: var(--blue) ;    color: var(--white) ;  }
.sectionmin{    max-width: 1600px !important;    margin: 0 auto !important;}
#Senden {  background-color: var(--white);    color: var(--blue);  
    border: 1px solid var(--blue);
    font-size: 1.4rem;
    line-height: 1.4;
    padding: 18px 40px;
    text-transform: uppercase;
    font-weight: 400;
    display: inline-block;
    white-space: nowrap;
    margin-top: 15px;border-radius:0;
}
#Senden:hover{    background-color: var(--black) ;    color: var(--white) ;  }

/*#######################  HERO  #######################*/
.hero-gfl{    position:absolute;    bottom: 25px;    right: 25px;}
#hero .hero-title span{    font-size: 11rem !important;    line-height: 1 !important;    font-family: "Inter" !important;}
#hero .hero-sub-title{    font-size: 4rem !important;    line-height: 1 !important;}
#hero .sppb-col-md-4 {    max-width: 500px !important;}
#hero .sp-pagebuilder-row, .sppb-row {    justify-content: center;}
#hero h1,#hero h2{    text-shadow: 0 0px 20px var(--wd-light);    color: var(--white)!important;    text-transform: uppercase!important;    font-weight: 700;    font-size: 7rem!important;}
#hero h2{       font-size: 2rem!important;}


/*#######################  NAV  #######################*/
#sp-header {   background: rgba(255, 255, 255, 0.9) !important;position:fixed!important;box-shadow:none!important}
#sp-header.header-sticky {    background: rgba(255, 255, 255, 0.98) !important;position:fixed!important;}
#header-btn .sppb-row {    display: flex;    align-content: center;    align-items: center;    margin: auto 0;}
#sp-header .menu-right-wrap{    display: flex;    align-items: center;}
#header-btn .custom-btn {    margin: 8px 0 0 0;}
#header-btn .sppb-addon.sppb-addon-single-image {    margin: -8px 0 0 0;}
#header-btn    .sppb-col-md-3 {    }
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {      padding: 0 20px;      font-size: 1.1rem;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {    color: var(--black);    font-size: 1.1rem;}

/*#######################  FOOTER  #######################*/
#footer-social a {    color: var(--wd-light) !important;    margin-top: 15px;}
#sp-bottom-top, #sp-footer, #sp-bottom {    background: var(--black) !important;    color: var(--white);}
#footer-text .container{    max-width: none !important;}
#sp-footer {    background-color: var(--black) !important;}
#footer a {    color: var(--wd-light) !important;}
/* Links */
#datenschutz, #impressum {    color: var(--black) !important;}
#impressum .sppb-col-md-12{    padding: 0px !important;}
#datenschutz h3, #impressum h3{    margin-top: 45px !important;    font-size: 1.3rem !important;    line-height: 1.3rem !important;}
#datenschutz h2, #impressum h2{    margin-top: 30px !important;    margin-bottom: 15px !important;    font-size: 1.3rem !important;    line-height: 1.3rem !important;}




/*#######################  TERMINE  #######################*/
#termine {    width: 100% !important;}
#termine .sppb-col-md-8 {padding-right: calc((100% - 1450px) /2);}
.mod_event_item {text-align: left;padding: 15px 0;    color: var(--wd-light)!important;}
.mod_events_latest_date{    font-family: "Inter" !important;    color: var(--wd-light);}
.mod_events_latest_content {    font-size: 1.4rem !important;    line-height: 1.4;    font-family: "Inter" !important;    color: #fff;    font-weight: 900;    text-transform: uppercase;}
.mod_events_latest_date,  .mod_events_latest {    font-family: "Inter" !important;    color: var(--wd-light)!important;}
#terminlist  .mod_events_latest_content {    font-size: 1rem !important;    line-height: 1;      color: var(--black);    }
#terminlist .mod_event_item.list_item {    border-bottom: 1px solid var(--wd-light); color: var(--black)!important;}
#terminlist .mod_events_latest_date, #terminlist  .mod_events_latest {    font-family: "Inter" !important;    color: var(--black)!important;}
.mod_event_item.block_item {    background:var(--blue);    padding: 30px;}
.mod_event_item.block_item .eventimg{   margin:-30px -30px 30px -30px;}

/*#######################  TEAMS  #######################*/
#teams .sppb-addon-wrapper{    width: 100% !important;}
#teams .pull-left{    display: none !important;}
#teams h3,#teams a {    color: var(--white);}
#teams .custom-btn {   margin:30px 0 0 0;}
#teams .custom-btn:hover {   color: var(--blue);}
#teams {    width: 100% !important;}
#teams .sppb-media, .sppb-media-body {    overflow: visible !important;}
#teams .sppb-media-content h3,#teams .sppb-media-content a{    font-family: 'Roboto Condensed'!important;    font-size: 1.8rem !important;    line-height: 1.4!important;}
#teams .sppb-addon-text {    font-size: 20px!important;}
.team1img {    margin: -650px 0px 0px 25px;}
.team2img {    margin: -650px 0px 0px 40px;}

/*#######################  NEWS  #######################*/
#news .dylan-article-scroller .sppb-articles-carousel-img:before {   display:none!important;}
#news #sppb-addon-wrapper-1683721100445 {    left: 0px !important;    width: 100%;}
#news .dylan-article-scroller .sppb-articles-carousel-img:before {    border-radius: 0px !important;}
#news .sppb-articles-carousel-link {    margin: 0px 0px 0px 0px !important;    font-family: "Inter" !important;}
#news .sppb-articles-carousel-meta-date {    color: var(--wd-light) !important;    font-family: "Inter" !important;}
#news .sppb-articles-carousel-column {}
#news h2.sppb-addon-title {    color: var(--white) !important;}
#news h3.sppb-addon-title {    color: var(--white) !important;}
#news .dylan-article-scroller .sppb-articles-carousel-content { position: relative;    bottom: 0;    left: 0;    right: 0;    background: #010b40;    padding: 30px;    height: 200px;}
#news .dylan-article-scroller .sppb-articles-carousel-img img {    height: 182px;    width: 100%;    border-radius: 0;}
#news .sppb-col-md-9  {max-width: 75%;    flex-basis: 75%;    margin-top: 0px;    margin-right: 0px;    margin-bottom: 0px;    margin-left: 0px;}

/*#################### Artikel #################*/
.article-list.articles-leading .article:first-child .article-header {    max-width: 75%;}
.article-list.articles-leading .article:first-child .article-intro-image {    background-color: var(--blue)!important;}
.article-list.articles-leading .article:first-child .article-header a {    font-family: "Inter" !important;text-transform: uppercase;line-height: 1.2;}
.article-details .article-header h1, .article-details .article-header h2 {    color: var(--black) !important;}
.article-list.articles-leading .article:last-child .article-intro-image img {    height: auto;}
.article-list.articles-leading .article:nth-child(2) .article-header a {    font-size: 30px;}
#artikel {    padding-top: 0px !important;}
.article-details .article-header h1 {    color: var(--black) !important;    font-size: 4rem!important;    line-height: 1.2!important;    max-width: 100%;}
.article-details .article-info .createdby, .article-details .article-info .category-name,.article-details .article-info .createdby a, .article-details .article-info .category-name a, .article-details .article-info .published {     color: var(--wd-light);}
.article-full-image:before {    content: "";  background-image: linear-gradient(to top,rgba(0, 0, 0, 0), #010b40 100%);    position: absolute;    width: 100%;    height: 100%;    top: 0px;    bottom: 0px;    right: 0px;}
.article-details .article-full-image {    position: relative;max-height: 540px;
    overflow: hidden;}
.article-details .article-full-image img {    mix-blend-mode: unset!important;    max-width: none;    width: 100%;}
.article-list.articles-leading .article:first-child .article-intro-image img {    mix-blend-mode: unset!important;}
.article-list.articles-leading .article:first-child:before {   content: "";  background-image: linear-gradient(to top,rgba(0, 0, 0, 0), #010b40 100%);    position: absolute;    width: 100%;    height: 100%;    top: 0px;    bottom: 0px;    right: 0px;}
.article-list.articles-leading .article:first-child:after {    content: "";    background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0) 48%);    position: absolute;    width: 100%;    height: 100%;    top: 0px;    bottom: 0px;    right: 0px;z-index:0;}
.article-list.articles-leading .article:first-child .article-body {    z-index: 1;}
.article-list.articles-leading .article:first-child .readmore {    margin-top: -45px;}

.newsblog #sp-main-body>.container {    margin: 0px;    padding: 0px;    max-width: 100%;}
.layout-blog .blog .dylan-blog-listing>.row+.row {    max-width: 1350px;    margin: 0 auto;}
.article-list .article .article-intro-image img{    overflow: hidden;    max-height: 246px;}
.showtime-default .showtime-image {        width: 100%;        padding: 0;    }
.showtime-default .showtime-image img {    outline:none;    border: none;    box-shadow: none;}
.article-list .article:before {    display:none;}
.article-list .article .article-body {    position: relative;    bottom: 25px;    left: 40px;    right: 40px;}
.dylan-blog-listing {    padding: 100px 0;    background: url(/images/2023/05/22/ig-bg-sec.jpg) 100% 100% no-repeat;     background-attachment: fixed;}
.article-list .article .article-body {    position: relative;    bottom: 0;    left: 0;    right: 0;    background: #010b40;    padding: 30px;height: 250px;}
.article-list .article .article-header h1 a:hover, .article-list .article .article-header h1 a:active, .article-list .article .article-header h1 a:focus, .article-list .article .article-header h2 a:hover, .article-list .article .article-header h2 a:active, .article-list .article .article-header h2 a:focus {
      color: var(--wd-light);}



/*#######################  PARTNER  #######################*/
#partner .section-border .sppb-addon-clients-image{    border: solid 1px var(--wd-light);}
#sponsor1 .sppb-addon-clients-image, #sponsor2 .sppb-addon-clients-image {    max-height: 75px;width: auto;}
 .section-border .sppb-row>div:nth-child(n+7) {    border-bottom-color: rgba(42, 61, 88, 0.1);}
 .section-border .sppb-row>div:nth-last-child(-n+3) {    border-bottom-color: transparent;}
#sppb-addon-wrapper-1688467824193 {    position: absolute;    right: 0;    top: 605px;    z-index: 1;     width: 100%;}
.sppb-addon-wrapper:has(.coachbox){	  position: absolute;    right: 0;    top: 605px;    z-index: 1;     width: 100%;	}
.coachbox h3 {    line-height: 1!important;    margin: 0;}
.coachbox p {margin:0;}
 .image-overly .sppb-addon-single-image-container, .image-overly .sppb-img-container, .image-overly .sppb-testimonial-carousel-img-wrap {    background: none!important;}
.terminbox  .mod_events_latest_content {    font-size: 1.1rem !important;    line-height: 1.4;    font-family: "Inter" !important;    color: #fff;    font-weight: 900;     text-transform: uppercase;}
.terminbox td {    padding: 15px 0;}
.terminbox span.cat {    font-size: 0.9rem;    font-family: "Inter";    color: var(--wd-light);}
.sppb-addon-timeline h3{text-align:center; margin:0 0 30px 0;}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel .details {        font-size: 1.1rem;}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel .details p {       margin-bottom: 0;}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {    width: 400px;}
.sidebarbox {padding:30px;    color: var(--white);    font-size: 18px;    background: var(--blue);}
.sidebarbox a{color: var(--wd-light);}
#sp-bottom>.container {    max-width: 1450px!important;}



/***TERMINE*****/

#terminlist table {
    caption-side: bottom;
    border-collapse: collapse;
    width: 100%;
}
#terminlist tr:nth-child(odd) {
    background: var(--gray) !important;
}
#terminlist td {    padding: 12px;}

#offcanvas-toggler>.fa {    color: var(--blue);    font-size: 1.7rem;}
.offcanvas-menu {    background-color: var(--blue);    color: var(--white);}
.offcanvas-menu .offcanvas-inner .sp-module ul.menu {    margin-top: 25px;}
.close-offcanvas {    background: transparent;}
.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>.menu-separator>.menu-toggler {    color: var(--white);}
.offcanvas-menu .offcanvas-inner .sp-module ul>li a, .offcanvas-menu .offcanvas-inner .sp-module ul>li span {    color: var(--white);    padding: 0.6rem 0;}
.offcanvas-menu .offcanvas-inner .sp-module ul>li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul>li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul>li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul>li span:focus {
    color: var(--wd-light);}
.offcanvas-menu .offcanvas-inner .sp-module ul>li ul li a {    color: var(--white);}


/*#######################  MEDIA SCREENS  #######################*/

@media (max-width: 1903px ){
	#hero {    min-height: 565px!important;}
	
}

@media (max-width: 1600px ){
#hero {    min-height: 475px!important;padding:200px 0!important;}
	
}

@media (max-width: 1440px ){
 #hero .hero-title span {    font-size: 9rem !important;}  
 #hero .hero-sub-title {    font-size: 3rem !important;}
 #social-media .custom-btn {    padding: 18px 18px;}
 #hero h1{    font-size: 6rem !important;}
 #hero {        padding: 170px 0 !important;      background-size: cover!important;      background-position: 30% 0!important;     background-attachment: unset!important; }
 
}

@media (max-width: 1366px ){
 
}

@media (max-width: 1280px ){
   #offcanvas-toggler {    display: block !important;}	
.sp-megamenu-parent {    display: none!important;}	
.sppb-articles-carousel-link {    font-size: 25px!important;}
#teams .sppb-media-content h3, #teams .sppb-media-content a {    font-size: 1.6rem !important;}
#dates {padding:100px 0 50px 0!important}




}

@media (max-width: 1199px ){
 #hero .hero-title span {        font-size: 7rem !important;    }
 #teams .sppb-col-md-2, #teams .sppb-col-md-1 {    display:none;}
#teams .sppb-col-md-9 { -ms-flex: 0 0 90%;    flex: 0 0 90%;    max-width: 90%;}
 .team1img {    margin: -530px 0px 0px -15px;}
.team2img {    margin: -500px 0px 0px 150px;}	
 
}

@media (max-width: 1024px){

#hero .hero-title span {    font-size: 7rem !important;}
#social-media {    padding: 100px 0 !important;}
#social-media .sppb-col-md-3 {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}
#social-media .sppb-col-md-9 {   -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}

/*.team1 {    padding: 30px 30px 30px 270px!important;}	
.team1soc {    padding: 25px 30px 25px 270px!important;}	
.team2 {    padding: 30px 270px 30px 30px!important;}
.team2soc {    padding: 25px 270px 25px 30px!important;}		
.team1img img { width: 335px!important;    max-width: 335px!important;    height: 500px!important;}	
.team2img img { width: 335px!important;    max-width: 335px!important;    height: 500px!important;}*/
.team1img {    margin: -530px 0px 0px -45px;}
.team2img {    margin: -500px 0px 0px 115px;}	
#teams .sppb-media-content h3, #teams .sppb-media-content a {    font-size: 1.5rem !important;}
#news .sppb-col-md-3 {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}
#news .sppb-col-md-9 {   -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;    margin-top: 0px!important;}
.article-details .article-full-image img {  margin-top:90px;}
.article-details .article-header h1 {    font-size: 3rem!important;}
#dates {        padding: 150px 0 50px 0 !important;    }
.sppb-addon-wrapper:has(.coachbox) {    top: 545px !important;}	
	
	
}

@media (max-width: 960px){
#sp-header .container {    padding: 0 30px;}
#sp-header .sppb-col-md-9{padding:0;}
#header-btn .sppb-addon-text-block {    float: right;}
#hero .hero-title span {    font-size: 5.5rem !important;}
.sp-slider .sp-item .sp-background {    background-position: 40% 0!important;}
#termine .sppb-container-inner {    width: 100%;    padding: 15px;}
#termine .sppb-col-md-8 {        padding: 0 35px 20px 35px;}
#termine img {    -moz-transform: scaleX(-1);    -webkit-transform: scaleX(-1);    -o-transform: scaleX(-1);    transform: scaleX(-1);}
#teams .sppb-col-md-9 { -ms-flex: 0 0 95%;    flex: 0 0 95%;    max-width: 95%;}
.team1soc .sppb-col-sm-4 {-ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}	
.team2soc .sppb-col-sm-4 {-ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}	
#teams .sppb-col-md-5 {    -ms-flex: 0 0 41.666667%;    flex: 0 0 41.666667%;    max-width: 41.666667%;}
.team1img {        margin: -390px 0px 0px -277px;    }
.team2img {    margin: -500px 0px 0px 170px;}
.sppb-col-md-4:has(.terminimg){    position: absolute;z-index:2;}
.sppb-addon-wrapper:has(.coachbox) {        top: 490px !important;    }
#coaches .sppb-col-md-2  {        max-width: 33.3333%;        flex-basis: 33.3333%;}
#roster .sppb-col-md-2  {        max-width: 33.3333%;        flex-basis: 33.3333%;}
#hero h1 {       font-size: 5rem !important;line-height: 1.2 !important;    }
.article-list	.col-md-4 {       width: 50%;    }
	
	
	
	
}

@media (max-width: 736px){
#header-btn .custom-btn {        display: none;    }
#teams .sppb-row-container {    max-width: 100%;}

}

@media (max-width: 667px){}

@media (max-width: 600px){}
 
@media (max-width: 568px){}

@media (max-width: 430px){
#sp-header .container {    padding: 0 15px;}
#header-btn .custom-btn {    margin: 0px;    padding: 10px 20px;    font-size: 1rem;}
.logo-image-phone {    height: 50px;}
.menu-right-wrap {    margin-top: 0;}
.sp-slider-outer-stage {    height: 625px !important;}
#header-btn .sppb-addon.sppb-addon-single-image {    margin: 15px -30px 0 0;    max-width: 100px;}	
#hero h1 {  font-size: 3rem !important;  }	
#hero h2 {    margin: 0 !important;    font-size: 1.5rem !important;    line-height: 1 !important;}
#hero {        padding: 170px 0 65px 0 !important;    }
#hero .hero-title span {    font-size: 95px !important;}
#hero .hero-sub-title {    font-size: 2rem !important;}
#termine .sppb-col-md-4 {    padding: 0;}
#termine {    background-attachment: scroll!important;}
#termine .sppb-col-md-8 {        padding: 0 15px 20px 15px;    }
#termine table {    column-count: 1;}
#news .dylan-article-scroller .sppb-articles-carousel-img img {    height: auto;}
.mod_events_latest_table.jevbootstrap tbody tr {    width: 100%;    padding: 0;}
h3 {    font-size: 2rem !important;}
#teams .sppb-col-md-5 {        -ms-flex: 0 0 20%;        flex: 0 0 20%;        max-width: 5%;    }
.team1soc .sppb-col-sm-4 .sppb-addon-wrapper{margin:10px 0 !important;}
.team2soc .sppb-col-sm-4 .sppb-addon-wrapper{margin:10px 0 !important;}
 .team1img {        margin: -328px 0px 0px -245px;    }
.team2img {        margin: -305px 0px 0px 80px;    } 
#teams .sppb-media-content h3, #teams .sppb-media-content a {        font-size: 1.2rem !important;           word-break: break-all; }
.article-details .article-header h1 {    font-size: 2rem!important;}
#coaches .sppb-col-md-2  {        max-width: 100%;        flex-basis: 100%;}
#roster .sppb-col-md-2  {        max-width: 100%;        flex-basis: 100%;}
.article-list	.col-md-4 {       width: 100%;    }
	
	
}

@media (max-width: 384px){
   

}

@media (max-width: 375px){
	#hero .hero-title span {    font-size: 2.7rem !important;}
    .sp-page-builder .page-content #section-id-8664456e-db17-45b8-9941-0b64e786f3f5, .sp-page-builder .page-content #section-id-caa36836-3d48-4bcf-8445-4f7c5524f6ab {        padding-left: 115px!important;    }	
}

@media (max-width: 320px){
    
}