/* #################################### */
/* ### Default and MobilMenu Styles ### */
/* #################################### */

/* MenuButton */
#wb_page_wrap #wrap_navigation_subpages_with_icons #mobileMenuButton a, #wb_page_wrap #navigation_subpages #mobileMenuButton a {
    display: block;
    width: 54px;
    height: 54px;
    margin: 0 auto 20px auto;
    background: url('img/navigation/icon_menu.svg') #ffd200 center no-repeat;
    background-size: 32px auto; }

/* nav */
#wb_page_wrap #wrap_navigation_subpages_with_icons, #wb_page_wrap #navigation_subpages {
    text-align: center;
}

/* nav ul */
#wb_page_wrap #wrap_navigation_subpages_with_icons ul, #wb_page_wrap #navigation_subpages ul {
    display: none;
    margin: 0;
    line-height: 34px;
    list-style: none; }

#wb_page_wrap #wrap_navigation_subpages_with_icons, ul:after#wb_page_wrap #navigation_subpages ul:after {
    display: table-cell;
    content: " ";
    clear: both;
}

/* nav li */
#wb_page_wrap #wrap_navigation_subpages_with_icons ul li, #wb_page_wrap #navigation_subpages ul li {
    background: transparent;
    line-height: 34px;
    padding-left: 0;
    margin-bottom: 0;
}

/* nav ul li a */
#wb_page_wrap #wrap_navigation_subpages_with_icons a, #wb_page_wrap #wrap_navigation_subpages_with_icons a:link, #wb_page_wrap #wrap_navigation_subpages_with_icons a:visited, #wb_page_wrap #navigation_subpages a, #wb_page_wrap #navigation_subpages a:link, #wb_page_wrap #navigation_subpages a:visited {
    display: block;
    position: relative;
    color: #333;
    text-decoration: none;
    line-height: inherit;
    font-family: "nimbus-sans-condensed", Helvetica, sans-serif;
}

#wb_page_wrap #wrap_navigation_subpages_with_icons li:first-child img{
    margin-top: 22px;
    padding-bottom:14px;
}

/* ###################### */
/* ### MobilMenu only ### */
/* ###################### */

@media only screen and (max-width: 45.9375em){
    /* wrap nav */
    #wb_page_wrap #wrap_navigation_subpages_with_icons, #wb_page_wrap #wrap_navigation_subpages { padding: 0; margin-bottom: 30px; margin-top: 30px; }

    /* nav ul li */
    #wb_page_wrap #wrap_navigation_subpages_with_icons ul li, #wb_page_wrap #navigation_subpages ul li {
        border-bottom: 1px solid #515251;
        line-height: 44px;
    }

    #wb_page_wrap #wrap_navigation_subpages_with_icons ul li:first-child, #wb_page_wrap #navigation_subpages ul li:first-child {
        border-top: 1px solid #515251;
    }

    /* nav ul li a */
    #wb_page_wrap #wrap_navigation_subpages_with_icons a.active, #wb_page_wrap #navigation_subpages a.active {
        background: #ffd200;
    }

}

/* ################### */
/* ### DesktopMenu ### */
/* ################### */

@media only screen and (min-width: 45.9376em) {
    /* wrap nav */
    #wb_page_wrap #wrap_navigation_subpages_with_icons, #wb_page_wrap #wrap_navigation_subpages { margin-bottom: 60px; }

    /* MenuButton */
    #wb_page_wrap #mobileMenuButton {
        display: none;
    }

    /* nav ul */
    #wb_page_wrap #wrap_navigation_subpages_with_icons ul, #wb_page_wrap #navigation_subpages ul {
        display: inline-block;
    }

    /* nav ul li */
    #wb_page_wrap #wrap_navigation_subpages_with_icons ul li{
        float: left;
        margin-left: 30px;
    }
    #wb_page_wrap #wrap_navigation_subpages #navigation_subpages ul li a{
        float: left;
        padding: 0 0 2px 0;
        margin: 0 15px 0 15px;
    }
    #wb_page_wrap #wrap_navigation_subpages #navigation_subpages ul li{
        float: left;
        padding: 0;
        margin: 0;
    }
    #wb_page_wrap #wrap_navigation_subpages_with_icons.smallMargin ul li:first-child, #wb_page_wrap #wrap_navigation_subpages_with_icons.mediumMargin ul li:first-child{
        margin-left: 0;
        padding-left: 0;
        padding-right: 0px;
    }
    #wb_page_wrap #wrap_navigation_subpages_with_icons ul li:first-child, #wb_page_wrap #navigation_subpages ul li:first-child {
        margin-left: 0;
        padding-left: 0;
        padding-right: 0px;
    }

    /* nav ul li a */
    #wb_page_wrap #wrap_navigation_subpages_with_icons a, #wb_page_wrap #wrap_navigation_subpages_with_icons a:link, #wb_page_wrap #wrap_navigation_subpages_with_icons a:visited
    {
        border-bottom: 2px solid #ffd200;
        border-color: transparent;
        -webkit-transition: border-color 500ms;
        transition: border-color 500ms;
    }
    #wb_page_wrap #wrap_navigation_subpages #navigation_subpages a, #wb_page_wrap #wrap_navigation_subpages #navigation_subpages a:link, #wb_page_wrap #wrap_navigation_subpages #navigation_subpages a:visited
    {
        border-bottom: 2px solid #ffd200;
        border-color: #d6d6d6;
        -webkit-transition: border-color 500ms;
        transition: border-color 500ms;
    }
    #wb_page_wrap #wrap_navigation_subpages_with_icons a:after, #wb_page_wrap #navigation_subpages a:after {
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -6px;
        content: " ";
        border: 6px solid transparent;
        -webkit-transition: border-color 500ms;
        transition: border-color 500ms;
    }

    .no-touch #wb_page_wrap #wrap_navigation_subpages_with_icons a:hover, #wb_page_wrap #wrap_navigation_subpages_with_icons a:focus, #wb_page_wrap #wrap_navigation_subpages_with_icons a.active,
    .no-touch #wb_page_wrap #wrap_navigation_subpages #navigation_subpages a:hover, #wb_page_wrap #wrap_navigation_subpages #navigation_subpages a:focus, #wb_page_wrap #wrap_navigation_subpages #navigation_subpages a.active
    {
        color: #333;
        border-bottom-color: #ffd200;
    }
    /*.no-touch #wb_page_wrap #navigation_subpages a:hover, #wb_page_wrap #navigation_subpages a:focus, */#wb_page_wrap #wrap_navigation_subpages #navigation_subpages a.active
                                                                                                          {
                                                                                                              margin: 0 15px 0 15px;
                                                                                                          }
    .no-touch #wb_page_wrap #wrap_navigation_subpages_with_icons a:hover:after, #wb_page_wrap #wrap_navigation_subpages_with_icons a:focus:after, #wb_page_wrap #wrap_navigation_subpages_with_icons a.active:after,
    .no-touch #wb_page_wrap #navigation_subpages a:hover:after, #wb_page_wrap #navigation_subpages a:focus:after, #wb_page_wrap #navigation_subpages a.active:after {
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: #ffd200;
        border-left-color: transparent;
    }

    /* Fixed Navigation when Scrollpoint is reached */
    #wb_page_wrap #wrap_navigation_subpages_with_icons.fixed {
        position: fixed;
        left:50%;
        z-index: 10;
        top:0px;
        background-color: #fff;
        width:900px;
        margin-left:-450px;
    }
    #wb_page_wrap #wrap_navigation_subpages_with_icons ul li {
        margin-left: 40px;
    }
    #wb_page_wrap #wrap_navigation_subpages_with_icons.smallMargin ul li
    {
        margin-left:15px;
    }
    #wb_page_wrap #wrap_navigation_subpages_with_icons.mediumMargin ul li
    {
        margin-left: 25px;
    }
    #wb_page_wrap #wrap_navigation_subpages_with_icons{
        padding:0;
        width:840px;
        margin-left:-53px;
    }

}

/* ############################################### */
/* ######## Navigation Slider Basic ############## */
/* ############################################### */ 
#wb_page_wrap .navigation_slider .row.collapse > .column + .column { 
		margin-top: 0px;
}

#wb_page_wrap .navigation_slider .slide figure img { 
		margin-top: 20px;
}

/* ############################################### */
/* ##### Navigation Slider Only Mobil Styles ##### */
/* ############################################### */ 

@media only screen and (max-width: 45.9375em) {
	#wb_page_wrap .navigation_slider h1.only_mobil{
		border-bottom: 1px solid #ababab;
		padding-bottom: 10px;
	}

	#wb_page_wrap .navigation_slider .slide
	{
	    position: relative;
	    padding-left: 1.75em;
	    padding-right: 1.75em;
	    float: left;
	    width: 100%;
	    margin-bottom: 40px;
	}
	#wb_page_wrap .navigation_slider .slide figure {
	max-width: none;
	margin: 0 auto;
	}

}

/* ############################## */
/* #### Desktop Basic Styles #### */
/* ############################## */ 

@media only screen and (min-width: 46em) {


	#wb_page_wrap .navigation_slider .row.collapse > .column.medium-6:first-child { 

		padding-right: 0.875em;
	}

	#wb_page_wrap .navigation_slider .row.collapse > .column.medium-6:last-child { 

		padding-left: 0.875em;
	}

	#wb_page_wrap .navigation_slider .only_mobil { display: none; }
	#wb_page_wrap .navigation_slider .slick-dots,
  	#wb_page_wrap .navigation_slider .slick-list {
	    position: relative;
	    padding-left: 1.75em;
	    padding-right: 1.75em;
	    float: left;
	}


  #wb_page_wrap .navigation_slider .slick-dots {
    width: 31.66667%;
    display: block;
    margin-left: 5%;
    margin-right: 5%;
    padding: 20px 1.75em;
    border: 1px solid #222;
    border-right: none;
    }

	#wb_page_wrap .navigation_slider .slick-dots:before { 
		display: block;
		position: absolute; 
		top: 22px; 
		left: -21px;
		content:"";
		background: #fff;
		border: 1px solid #000;
		width: 40px;
		height: 40px;
		border-top: none;
		border-right: none;
	 	-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

  #wb_page_wrap .navigation_slider .slick-list {
    width: 58.33333%; }



	#wb_page_wrap .navigation_slider .slick-dots .slick-active button { 
		background: transparent;
		color: #222; }

	#wb_page_wrap .navigation_slider .slick-dots li { 
		position: relative;
		display: block;
		height: auto;
		width: auto;
		margin: 0;
		padding: 0;
		line-height: normal;
		cursor: pointer;
		background: transparent; 
		border-bottom: 1px solid #868686;
	}

	#wb_page_wrap .navigation_slider .slick-dots li:last-child { border-bottom: none;}

	#wb_page_wrap .navigation_slider .slick-dots li button {  
		display: block;
		height: auto;
		width: 100%;
		padding: 14px 5px;
		margin: 0;
		outline: none; 
		border: 0; 
		font-size: 14px;
		text-align: left; 
		color: #868686; 
		cursor: pointer; 
		background: transparent;
	}
}