/*-------------------------------------------------------------------------------------------*/
/* BASIC STYLE    ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/

body {
    line-height: 1.4em;
    color: #323232;
    font-size: 0.875em;
    font-family: 'Merkur Sans', sans-serif;
    font-weight: 400;
    letter-spacing: 0.0em;
}




/*Headings Style   ||-----------*/

.separator {
    height: 1px;
    width: 32px;
    background: #888;
    margin-top: 5px;
    margin-bottom: 3px;
    border: 0 none;
}

    .separator.right {
        float: right;
    }

    .separator.center {
        margin-left: auto;
        margin-right: auto;
    }

    .separator.color {
        background: #e6ae49;
    }

    .separator.white {
        background: #fff;
    }

h1, h2, h3, h4, h5, h6 {
    color: #002251;
    text-transform: uppercase;
    font-family: 'Merkur Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-top: 0px;
    margin-bottom: 10px;
}

h1 {
    font-size: 3em;
    letter-spacing: 0.2em;
    line-height: 1.4em;
    font-style: bold;
    
}

@media (max-width: 480px) {
    h1 {
        font-size: 3em;
    }
}



    h1.h1, h2.h2 {
        letter-spacing: 0.2em;
    }

@media (max-width: 767px) {
    h1.h1, h2.h2 {
        letter-spacing: 0.2em;
    }
}

h2 {
    font-size: 2.5em;
    letter-spacing: 0.2em;
    line-height: 1.4em;
    margin-bottom: 20px;
    padding-top: 10px;
}

h3 {
    font-size: 2em;
    letter-spacing: 0.2em;
    line-height: 1.4em;
}

    h3:after {
        color: #e6ae49;
        content: "";
        font-size: 34px;
    }

h4 {
    font-size: 1.5em;
    letter-spacing: 0.2em;
    line-height: 1.4em;
    font-weight: 400;
    
}

    h4.h4 {
        letter-spacing: 0.2em;
    }

h5 {
    font-size: 1.25em;
    letter-spacing: 0.2em;
    line-height: 1.4em;
    font-weight: 700;
}

h6 {
    font-size: 1em;
    letter-spacing: 0.2em;
    line-height: 1.4em;
    font-weight: 700;
}

h1.large {
    font-size: 50px;
}


p {
    line-height: 1.5em;
    font-size: 1.125em;
    font-weight: 400;
    margin: 0px 0 10px 0;
    color: #888;
    color: #323232;
    letter-spacing: 1px;
}


ul{
   
    line-height: 1.5em;
    font-size: 1.125em;
    font-weight: 400;
    letter-spacing: 1px;
}



/*Button Style   ||-----------*/

.btn, button {
    font-size: 12px;
    line-height: normal;
    font-weight: 600;
    font-family: 'Merkur Sans', sans-serif;
    letter-spacing: 1px;
    
} 

.btn-tags{
	margin-bottom: 10px;margin-right: 10px;
	cursor: default;
	
}

/*Form Style   ||-----------*/

button, input, textarea, select {
    font-family: 'Merkur Sans', sans-serif;
    font-size: 12px;
}

input, textarea, select {
    margin-bottom: 20px;
    font-family: 'Merkur Sans', sans-serif;
    font-size: 12px;
}

label {
    color: #323232;
    font-size: 13px;
    margin-bottom: 10px;
    padding-right: 3px;
    margin-top: 6px;
    font-weight: 600;
    font-family: 'Merkur Sans', sans-serif;
    display: block;
}






/* ----------------------------------------------------------------------*/
/* Portfolio   --------------------------------------------------------- */
/* ----------------------------------------------------------------------*/

 .container-filter li a {
            display: block;
            margin-left: 15px;
            margin-right: 15px;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-size: 12px;
            font-weight: 600;
            font-family: 'Merkur Sans', sans-serif;
        }



/* -------------------------------------*/
/* Carousel-Theme (Slider Elements - Bullets, Pagination, etc..) ---------*/
/* -------------------------------------*/
.owl-buttons {
    position: static;
}

.owl-carousel.white .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #fff;
}

.owl-carousel.white .owl-controls .owl-page.active span {
    background: rgba(0, 0, 0, 0);
    border: 2px solid #fff;
}

.nf-carousel-theme {
}

    .nf-carousel-theme .owl-controls .owl-pagination {
        position: absolute;
        z-index: 2;
        left: 0;
        text-align: center;
        width: 100%;
        margin-top: 15px;
    }

    .nf-carousel-theme .owl-controls .owl-buttons .owl-prev,
    .nf-carousel-theme .owl-controls .owl-buttons .owl-next {
        width: 31px;
        height: 31px;
        line-height: 31px;
        font-size: 16px;
        margin-top: -15px;
    }

    .content-carousel .owl-controls .owl-buttons .owl-prev,
    .content-carousel .owl-controls .owl-buttons .owl-next,
    .image-slider .owl-controls .owl-buttons .owl-prev,
    .image-slider .owl-controls .owl-buttons .owl-next,
    .fullwidth-slider .owl-controls .owl-buttons .owl-prev,
    .fullwidth-slider .owl-controls .owl-buttons .owl-next,
    .nf-carousel-theme .owl-controls .owl-buttons .owl-prev,
    .nf-carousel-theme .owl-controls .owl-buttons .owl-next {
        background: #FFF;
        color: #444444;
        display: block;
        top: 50%;
        transition: all 0.25s ease 0s;
        -o-transition: all 0.25s ease 0s;
        -moz-transition: all 0.25s ease 0s;
        -webkit-transition: all 0.25s ease 0s;
        z-index: 3;
        position: absolute;
        text-align: center;
    }

        .content-carousel .owl-controls .owl-buttons .owl-prev:hover,
        .content-carousel .owl-controls .owl-buttons .owl-next:hover,
        .image-slider .owl-controls .owl-buttons .owl-prev:hover,
        .image-slider .owl-controls .owl-buttons .owl-next:hover,
        .fullwidth-slider .owl-controls .owl-buttons .owl-prev:hover,
        .fullwidth-slider .owl-controls .owl-buttons .owl-next:hover,
        .nf-carousel-theme .owl-controls .owl-buttons .owl-prev:hover,
        .nf-carousel-theme .owl-controls .owl-buttons .owl-next:hover {
            /*background: #fff;*/
            color: #009EE3;
        }

    .content-carousel .owl-controls .owl-buttons .owl-next,
    .image-slider .owl-controls .owl-buttons .owl-next,
    .fullwidth-slider .owl-controls .owl-buttons .owl-next,
    .nf-carousel-theme .owl-controls .owl-buttons .owl-next {
        right: 0;
    }

    .nf-carousel-theme .owl-controls .owl-buttons .owl-prev {
        left: 0;
        margin-left: -51px;
        opacity: 0;
    }

    .nf-carousel-theme .owl-controls .owl-buttons .owl-next {
        right: 0;
        margin-right: -51px;
        opacity: 0;
    }

    .content-carousel:hover .owl-controls .owl-buttons .owl-prev,
    .content-carousel:hover .owl-controls .owl-buttons .owl-next,
    .image-slider:hover .owl-controls .owl-buttons .owl-prev,
    .image-slider:hover .owl-controls .owl-buttons .owl-next,
    .fullwidth-slider:hover .owl-controls .owl-buttons .owl-prev,
    .fullwidth-slider:hover .owl-controls .owl-buttons .owl-next,
    .nf-carousel-theme:hover .owl-controls .owl-buttons .owl-prev,
    .nf-carousel-theme:hover .owl-controls .owl-buttons .owl-next {
        margin-right: 0;
        margin-left: 0;
        opacity: 1;
    }


/* -------------------------------------*/
/* Singel Item slider (Images & Contant Slider) ---------*/
/* -------------------------------------*/
.content-carousel .owl-controls .owl-pagination,
.image-slider .owl-controls .owl-pagination,
.fullwidth-slider .owl-controls .owl-pagination,
.item1-carousel .owl-controls .owl-pagination {
    position: absolute;
    bottom: 0;
    z-index: 2;
    bottom: 15px;
    left: 0;
    text-align: center;
    width: 100%;
}

.content-carousel .owl-controls .owl-buttons .owl-prev,
.content-carousel .owl-controls .owl-buttons .owl-next,
.image-slider .owl-controls .owl-buttons .owl-prev,
.image-slider .owl-controls .owl-buttons .owl-next,
.fullwidth-slider .owl-controls .owl-buttons .owl-prev,
.fullwidth-slider .owl-controls .owl-buttons .owl-next {
    width: 51px;
    height: 51px;
    line-height: 51px;
    font-size: 51px;       /* -- */
    margin-top: -25px;
}

.content-carousel .owl-controls .owl-buttons .owl-prev,
.image-slider .owl-controls .owl-buttons .owl-prev,
.fullwidth-slider .owl-controls .owl-buttons .owl-prev {
    left: 0;
    margin-left: -51px;
    opacity: 0;
}

.content-carousel .owl-controls .owl-buttons .owl-next,
.image-slider .owl-controls .owl-buttons .owl-next,
.fullwidth-slider .owl-controls .owl-buttons .owl-next {
    right: 0;
    margin-right: -51px;
    opacity: 0;
}



/*Blockquote Style   ||-----------*/

blockquote {
    
        border-left: none;
        background: #f7f7f7;
        font-size: 17px;
        font-weight: 400;
        padding: 2px 2px;
        margin: 0px;
        color: #888;
        
    
}

/*Color-BG Style   ||-----------*/


.dark-bg {
    background: #002251;
    color: #fff;
}

    .dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6, .dark-bg p, .dark-bg .link, .dark-bg .container-icon, .dark-bg .page-icon-top {
        color: #fff;
    }

        .dark-bg .link:hover, .link:hover {
            color: #e6ae49;
        }


.gray-bg {
    background: #f7f7f7;
    color: #002251;
}

    .gray-bg h1, .gray-bg h2, .gray-bg h3, .gray-bg h4, .gray-bg h5, .gray-bg h6, .gray-bg p, .gray-bg .container-icon, .gray-bg .page-icon-top{
        color: #002251;
    }



.color-bg {
    background: #009EE3;
    color: #fff;
}

    .color-bg h1, .color-bg h2, .color-bg h3, .color-bg h4, .color-bg h5, .color-bg h6, .color-bg p, .color-bg .container-icon, .color-bg .page-icon-top{
        color: #fff;
    }




/*Padding Style   ||-----------*/

.ptb-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.ptb-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.ptb-45 {
    padding-top: 45px;
    padding-bottom: 45px;
}



.ptb-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.ptb-75 {
    padding-top: 75px;
    padding-bottom: 75px;
}

.ptb-90 {
    padding-top: 90px;
    padding-bottom: 90px;
}


/*Fullwidth Pictur Hedaline Höhe   ||-----------*/

.inner-intro .container .title {
    padding-bottom: 65px;
    padding-top: 10px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}




/*HR Style   ||-----------*/

hr {
    margin-bottom: 0px;
    margin-top: 0px;
    border-top: 2px solid #888;
    border-bottom: none;
    border-left: none;
    border-right: none;
}


/*Footer Style   ||-----------*/

.footer {
    background-color: #002251;
    
}  

.footer .footer-info h6 {
    color: #ffffff;
}

.footer .footer-info a {
    color: #ffffff;
}

.footer .footer-info a:hover {
    color: #FFE693;
}


.footer .footer-info p {
    color: #ffffff;
}


.footer-logo {
     max-width: 175px; 
}




/*Masken Style Top  ||-----------*/

.mask-fs-t { 
-webkit-clip-path: polygon(0% 18%, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(0% 18%, 100% 0%, 100% 100%, 0% 100%);
}

@media (max-width: 991px) {
    .mask-fs-t {
       -webkit-clip-path: polygon(0% 14%, 100% 0%, 100% 100%, 0% 100%);
       clip-path: polygon(0% 14%, 100% 0%, 100% 100%, 0% 100%);
    }
}

@media (max-width: 767px) {
    .mask-fs-t {
       -webkit-clip-path: polygon(0% 10%, 100% 0%, 100% 100%, 0% 100%);
       clip-path: polygon(0% 10%, 100% 0%, 100% 100%, 0% 100%);
    }
}

@media (max-width: 480px) {
    .mask-fs-t {
       -webkit-clip-path: polygon(0% 6%, 100% 0%, 100% 100%, 0% 100%);
       clip-path: polygon(0% 6%, 100% 0%, 100% 100%, 0% 100%);
    }
}



/*Masken Style Bottom  ||-----------*/

.mask-fs-b { 
-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 82%, 0% 100%);
clip-path: polygon(0% 0%, 100% 0%, 100% 82%, 0% 100%);
}


@media (max-width: 991px) {
    .mask-fs-b {
       -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 86%, 0% 100%);
       clip-path: polygon(0% 0%, 100% 0%, 100% 86%, 0% 100%);
    }
}


@media (max-width: 767px) {
    .mask-fs-b {
       -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%);
       clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%);
    }
}

@media (max-width: 480px) {
    .mask-fs-b {
       -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 94%, 0% 100%);
       clip-path: polygon(0% 0%, 100% 0%, 100% 94%, 0% 100%);
    }
}



/*Masken Style Top-Bottom  ||-----------*/

.mask-fs-tb { 
-webkit-clip-path: polygon(0% 18%, 100% 0%, 100% 82%, 0% 100%);
clip-path: polygon(0% 18%, 100% 0%, 100% 82%, 0% 100%);
}

@media (max-width: 991px) {
    .mask-fs-tb {
       -webkit-clip-path: polygon(0% 14%, 100% 0%, 100% 86%, 0% 100%);
       clip-path: polygon(0% 14%, 100% 0%, 100% 86%, 0% 100%);
    }
}


@media (max-width: 767px) {
    .mask-fs-tb {
       -webkit-clip-path: polygon(0% 10%, 100% 0%, 100% 90%, 0% 100%);
       clip-path: polygon(0% 10%, 100% 0%, 100% 90%, 0% 100%);
    }
}


@media (max-width: 480px) {
    .mask-fs-tb {
       -webkit-clip-path: polygon(0% 6%, 100% 0%, 100% 94%, 0% 100%);
       clip-path: polygon(0% 6%, 100% 0%, 100% 94%, 0% 100%);
    }
}



/*Masken Style Fullwidth - Content - Slider  ||-----------*/


.mask-fcs-left { 
    clip-path: polygon(0% 0%, 55% 0%, 45% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 55% 0%, 45% 100%, 0% 100%);
}
@media (max-width: 767px) {
	.mask-fcs-left { 
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
		-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
}
.mask-fcs-right { 
    clip-path: polygon(100% 0%, 55% 0%, 45% 100%, 100% 100%);
    -webkit-clip-path: polygon(100% 0%, 55% 0%, 45% 100%, 100% 100%);
}
@media (max-width: 767px) {
	.mask-fcs-right { 
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
		-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
}





	
/*------------------------------------------------------------
    Header Color Setting 
------------------------------------------------------------*/

.header--sticky.fixed .header-nav ,header .header-nav, #navigation {    
    background-color: RGBA(0,0,0,0.70);
    background-color: #002251;
	}

.header .nav-menu > ul > li > a,
.header.fixed .nav-menu > ul > li > a,
.header.header-transparent.fixed .nav-menu > ul > li > a,
.header.header-transparent.header--dark .nav-menu > ul > li > a,
.header.header--dark.header-transparent .nav-menu > ul > li > a,
.header .nav-icons > *,
.header.fixed .nav-icons > *,
.header.header-transparent.fixed .nav-icons > *,
.header.header-transparent.header--dark .nav-icons > *,
.header.header--dark.header-transparent .nav-icons > * {
    color: rgb(255, 255, 255);

}

    .header .nav-menu > ul > li:hover > a,
    .header.fixed .nav-menu > ul > li:hover > a,
    .header.header-transparent.fixed .nav-menu > ul > li:hover > a,
    .header.header-transparent.header--dark .nav-menu > ul > li:hover > a,
    .header.header--dark.header-transparent .nav-menu > ul > li:hover > a,
    .header .nav-icons > *:hover,
    .header.fixed .nav-icons > *:hover,
    .header.header-transparent.fixed .nav-icons > *:hover,
    .header.header-transparent.header--dark .nav-icons > *:hover,
    .header.header--dark.header-transparent .nav-icons > *:hover {
        color:  #FFE693;
        color: #009EE3;

    }

.header.header-transparent .nav-menu > ul > li > a,
.header.header-transparent .nav-icons > * {
    color: rgba(255,255,255,1);


}

    .header.header-transparent .nav-menu > ul > li:hover > a,
    .header.header-transparent .nav-icons > *:hover {
        color: #cccccc;

    }

.logo img.logo-dark {
    opacity: 0;
}

.header .logo img.logo-dark,
.header.header-transparent .logo img.logo-light,
.header.header-transparent.header--sticky.fixed .logo img.logo-dark,
.header.header-transparent.header--dark .logo img.logo-dark,
.header.header--dark.header-transparent .logo img.logo-dark {
    opacity: 1;
    z-index: 2;
    display: block;
}

.header .logo img.logo-light,
.header.header-transparent .logo img.logo-dark,
.header.header-transparent.header--sticky.fixed .logo img.logo-light,
.header.header-transparent.header--dark .logo img.logo-light,
.header.header--dark.header-transparent .logo img.logo-light {
    opacity: 0;
    z-index: 0;
    display: none;
}

.header .nav-menu > ul > li > a::after,
.header.fixed .nav-menu > ul > li > a::after,
.header.header-transparent.fixed .nav-menu > ul > li > a::after,
.header.header-transparent.header--dark .nav-menu > ul > li > a::after,
.header.header--dark.header-transparent .nav-menu > ul > li > a::after,
.header .nav-menu > ul > li:hover > a::after,
.header.fixed .nav-menu > ul > li:hover > a::after,
.header.header-transparent.fixed .nav-menu > ul > li:hover > a::after,
.header.header-transparent.header--dark .nav-menu > ul > li:hover > a::after,
.header.header--dark.header-transparent .nav-menu > ul > li:hover > a::after {
     color: #ffffff;
}

.header.header-transparent .nav-menu > ul > li > a::after,
.header.header-transparent .nav-menu > ul > li:hover > a::after {
   color: #FFE693;
}

.nav-dropdown ul li .dropdown-title, .nav-dropdown ul li a:hover, .nav-dropdown-sub ul li a:hover, .nav-dropdown ul li:hover > a {
  color: #FFE693;
}



@media all and (max-width: 991px) {
.header.header--sticky.fixed .nav-menu > ul > li > a, .header .nav-menu > ul > li > a, .nav-menu > ul > li > a {
         color: #FFFFFF;
               
     }
    
}


.nav-dropdown, .nav-dropdown-sub {
    background-color: #002251;
}

.sub-dropdown-icon::before {
  color: #FFFFFF;
  
}


  @media (max-width: 991px) {
.nav-menu {
 
  background-color: #002251;
 
}
}

/*------------------------------------------------------------
   Footer Social Setting 
------------------------------------------------------------*/

.footer .social{
    font-size: 26px;
    margin-top: 0px;
    margin-bottom: 20px;
}

/*------------------------------------------------------------
   Hover Link  Setting 
------------------------------------------------------------*/


/*
  a:hover {
        color: #cccccc !important;

}
*/
.btn-tags,.btn-tags:hover,.btn-tags:not(:disabled):not(.disabled) {
	    cursor: unset;  !important;
		color: #323232;  !important;
		background: white;  !important;
}
	
 


.btn-newsfilter, .btn-spielefilter {
    min-height:50px;
	min-width:120px;
		max-width:120px;
	margin-bottom: 10px;
	margin-right: 3px;
	    padding-right: 9px;
		 padding-left: 9px;
}




@media all and (min-width: 769px) {
	.btn-newsfilter-double{
		
		max-width:240px;
		width:240px;
		
	}
               
 }
 


/*------------------------------------------------------------
   Twitter Typeahead https://github.com/twitter/typeahead.js/blob/master/doc/jquery_typeahead.md#class-names ---> Spielesuche 
------------------------------------------------------------*/


.tt-menu , .tt-suggestion, .tt-dataset, tt-open{
	background-color:white;
}

.tt-highlight{color: rgb(230, 174, 73);}
.tt-menu{    min-width: 200px;}
.tt-input{
	    vertical-align: inherit !important;
		    width: 100%;
	
}

.twitter-typeahead{width: 70%;}


/*------------------------------------------------------------
  Ü18
------------------------------------------------------------*/


 #leagelModal .modal-body {
 background-color: #323232;
	  height: 480px;
    width: 400px;
    padding: 20px 20px 20px;
    text-align: center;
    color: #fff;
}

#leagelModal {
    text-align: center;
    padding: 0!important;
    background: rgba(255,255,255,0.2);
} 

#leagelModal .svglogo{
    width: 300px;
    height: auto;
    z-index: 4000;  
	margin: 0 0 50px 0;

}
 

#leagelModal h3 , #leagelModal modal-body{color:#fff;}

.blur {
  -webkit-filter: blur(35px);
  -moz-filter: blur(35px);
  -o-filter: blur(35px);
  -ms-filter: blur(35px);
  filter: blur(35px);
}



*------------------------------------------------------------
   Fullwidth Picture / Parallax
------------------------------------------------------------*/

@media (max-width: 1200px) {
.parallax {
    
    background-size: 170%;
    
}
}

@media (max-width: 991px) {
.parallax {
    
    background-size: 200%;
    
}
}



@media (max-width: 767px) {
.parallax {
    
    background-size: 250%;
    
}
}

@media (max-width: 480px) {
.parallax {
    
    background-size: 360%;
    
}
}



/*------------------------------------------------------------
NEUE Typografie Einstellungen
------------------------------------------------------------*/


H1, .h1{font-weight: 800; letter-spacing: 1px}
H2, .h2{ font-weight: 800; letter-spacing: 1px}
H3, .h3{ font-weight: 800; letter-spacing: normal}
H4, .h4{ font-weight: 800; letter-spacing: normal}

.primarybutton, .secondarybutton, .filterbutton {font-weight: 600; letter-spacing: 1px}

.blog-post .post-meta, .comment-list .post-meta, .sidebar-widget .post-meta, .tag-ort, .label {
    text-transform: none;
  
}
.fussnote {
    font-size: 14px;
  
}
.iconlabel {
    font-weight: 600;
	letter-spacing: normal;
}


.accordion-title{
font-weight: 600; letter-spacing: normal
}
.linkblue{
font-weight: 600; 
}
.firstlayer_nav{
 letter-spacing: 1px;
}
.nav-dropdown ul li .dropdown-title{
text-transform: none; letter-spacing: normal;
}


.desk-menu a.follow-the-link,  .desk-menu .menu-container .menu li.back a {
     letter-spacing: 1px;

}

h4 .filtertext{
	 font-weight: 600; letter-spacing: normal	
}
.blog-post .post-meta .vertical-bar , .comment-list .post-meta .vertical-bar  {
    margin-right: 3px;
	margin-left: 3px;
}





/*------------------------------------------------------------
    Custom Styling GM / Usercentrics
------------------------------------------------------------*/

/* 
+ Container
*/



/*------------------------------------------------------------
    Custom Styling GM UC Container
------------------------------------------------------------*/

.uc-embedding-container .uc-embedding-buttons .uc-embedding-accept {
  background-color: #00446A;
 
}

.uc-embedding-container  {
 
  width: 100% !important;
  
  max-height: unset;
  overflow: hidden;
}



/*------------------------------------------------------------
    Custom Styling GM iframe Container
------------------------------------------------------------*/

.embed-container {
  position: relative; 
  padding-bottom: 56.25%;      /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
 /* height: auto; */
}
.embed-container iframe {

  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}


/*------------------------------------------------------------
    Custom Styling GM Edit Icon
------------------------------------------------------------*/

.icon-edit-mobil {
        
           background-image: url(../icons/icon_edit_mobil.svg);
           
           display: inline-block;
           width: 16px;
           height: 25px;
           background-size: cover;
	   margin: 5px;
         
}


.icon-edit-desktop {
        
           background-image: url(../icons/icon_edit_desktop.svg);
           
           display: inline-block;
           width: 28px;
           height: 25px;
           background-size: cover;
           margin: 5px;
 
           
}


.icon-edit-desktop-light {
        
           background-image: url(../icons/icon_edit_desktop_light.svg);
           
           display: inline-block;
           width: 28px;
           height: 25px;
           background-size: cover;
           margin: 5px;
 
           
}

.icon-edit-lightbox {
        
           background-image: url(../icons/icon_edit_lightbox.svg);
           
           display: inline-block;
           width: 25px;
           height: 25px;
           background-size: cover;
           margin: 5px;
 
           
}

.icon-edit-lightbox-light {
        
           background-image: url(../icons/icon_edit_lightbox_light.svg);
           
           display: inline-block;
           width: 25px;
           height: 25px;
           background-size: cover;
           margin: 5px;
 
           
}	
	
/*------------------------------------------------------------
  Button
------------------------------------------------------------*/

.btn-black {
    color: #FFFFFF;
    background: #002251;
    border: none;
    border-radius: 100px;
}

.btn-black:hover {
    color: #FFE693;
    background: #002251;
    border: none;
}

.btn-white {
    color: #444444;
    background: #FFF3CE;
    border: none;
    border-radius: 100px;
}

.btn-white:hover {
    color: #009EE3;
    background: #FFF3CE;
    border: none;
}

.btn-outline {
    color: #022052;
    background: #FFFFFF;
    border: 2px solid #022052;
    border-radius: 100px;
}

.btn-outline:hover {
    color: #FFE693;
    background: #022052;
    border: 2px solid #022052;
    
}


/*------------------------------------------------------------
  OWL Carousel
------------------------------------------------------------*/


 .owl-carousel .owl-controls .owl-page span {
            display: block;
            width: 20px;
            height: 20px;
            margin: 0px 5px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            background: #323232;
            border: 0px solid;
            border-color: none;
            transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -webkit-transition: all 0.3s ease 0s;
            cursor: pointer;
        }

.owl-carousel.white .owl-controls .owl-page.active span {
    background: #009EE3;
    border: 0px solid #fff;
}

.owl-carousel.white .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #FFF;
}

.owl-carousel .owl-controls .owl-page.active span {
    background: #009EE3;
    border: 0px solid #fff;
}


.owl-carousel .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #FFF;
}
/*------------------------------------------------------------
  Links / Text
------------------------------------------------------------*/

a {
   color: #115A87;   
}

a:hover {
   color: #009EE3;   
}


.shop-item-info a:hover, .shop-item-info a:hover h5, .shop-item-info a:hover h6, .shop-item-name:hover {
  color: #009EE3;
  
}


/*------------------------------------------------------------
  Video Portfolio
------------------------------------------------------------*/

.container-filter li a.active {
    color: #009EE3;
}

/*------------------------------------------------------------
  Link - Anpassungen
------------------------------------------------------------*/

.iconblue {
    color: #009EE3;
   
}

.icon-tel {
    background-image: url(icons/Telefon_blue.svg);
    display: inline-block;
    width: 15px;
    height: 15px;
    background-size: cover;
}

.icon-mail {
    background-image: url(icons/Mail_blue.svg);
    display: inline-block;
    width: 16px;
    height: 11px;
    background-size: cover;
}


/*------------------------------------------------------------
  Hover  - Anpassungen / Türkis / Nav / Button / Footer / Accordion
------------------------------------------------------------*/
.btn-white {
  color: #fff;
  background: #009EE3;
  border: none;
  border-radius: 100px;
}

.btn-white:hover {
  color: #009EE3;
  background: #002251;
  border: none;
}


.btn-black:hover {
  color: #009EE3;
  background: #002251;
  border: none;
}

.btn-outline:hover {
  color: #009EE3;
  background: #022052;
  border: 2px solid #022052;
}

.nav-dropdown ul li .dropdown-title, .nav-dropdown ul li a:hover, .nav-dropdown-sub ul li a:hover, .nav-dropdown ul li:hover > a {
  color: #009EE3;
}

.accordion-title.active {
  background: #fafafa;
  color: #009EE3;
}

.footer .footer-info a:hover {
  color: #009EE3;
}



/*------------------------------------------------------------
  Sonstige
------------------------------------------------------------*/

img.langswitch {
    height: 20px;
}

/*------------------------------------------------------------
  Menue
------------------------------------------------------------*/

.menu-dropdown-icon:before {
        background-color: #002251; 
        border-left: 0px solid #eee;
        border-right: 0px solid #eee;
        color: #fff;
        
    }

/*------------------------------------------------------------
  Headerimage new
------------------------------------------------------------*/
.standardstage-layer {
  position: relative;
}

#bgpic {
  border-bottom: 4px solid #009EE3;
}

#bgvid {
    border-bottom: 4px solid #009EE3;
}

.standardstage-layer figcaption {
  position: absolute;
  width: 100%;
  color: #fff;
  text-align: left;
  height: auto;
  bottom: 40px;
}

.blue-bg-trans {
  opacity: 0.85;
  background-image: linear-gradient(-152deg, #00446A 6%, #141A21 100%);
  background-image: linear-gradient(150deg, #00446A 0%, #00446A 50%, #141A21 100%);
  box-shadow: 0 2px 54px 0 rgba(0, 0, 0, 0.10);
}

.modultext-blue {
  padding: 40px;
    padding-top: 40px;
  padding-top: 20px;
}

.blue-bg-trans h1, .blue-bg-trans h2, .blue-bg-trans h3, .blue-bg-trans h4, .blue-bg-trans h5, .blue-bg-trans h6, .blue-bg-trans p {
  color: #fff;
}


.standardstage-layer .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
}

.standardstage-layer .overlay figcaption {
    position: absolute;
  
  
  width: 95%;
  color: #fff;
  text-align: left;
  height: auto;
  bottom: 20px;
}


/*------------------------------------------------------------
  Scroll Top
------------------------------------------------------------*/

.scroll-top {
  
  background: #002251;
  
}

.scroll-top:hover {
  background: #009EE3;
  
}


/*------------------------------------------------------------
  Textfarbe Überschriften
------------------------------------------------------------*/


.gray-bg h1, .gray-bg h2, .gray-bg h3, .gray-bg h4, .gray-bg h5, .gray-bg h6, .gray-bg .container-icon {
  color: #002251;
}

.dark-color h1, .dark-color h2, .dark-color h3, .dark-color h4, .dark-color h5, .dark-color h6, .dark-color p, .dark-color, .dark-color .container-icon {
  color: #002251;
}

.dark-color p {
color: #323232;
}

.page-icon-top {
  color: #002251;
}

/*------------------------------------------------------------
  Video-Contros
------------------------------------------------------------*/

#st-video {
.mejs-container .mejs-controls {
  display: none !important;
}