/**
 * main.css
 *
 * 1. Seitenstruktur
 * 2. Header
 * 3. Main content and sidebar
 * 4. Footer
 * 5. Media queries for responsive layout
 *
 */

/*********************************************************************
 * 1. Seitenstruktur
 *
 */


* {
	box-sizing: border-box;
}

body {
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
	color: #2A4A6A;
	margin: 0;
	padding: 0;
	outline: 0 none;
	background: #fff;
	line-height: 1.5;
	background-color: #FFF;

}

article, aside, details, figcaption, figure, footer, header,
    hgroup, menu, nav, section { display: block; }

.wrapper_header
{
	position: relative;
}

#page_header
{

   padding: 0;
   margin: 0;
   background: none;
   z-index: 1000;
   width: 100%;
   position: absolute;
   -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
}

.start #page_header
{
	padding: 0;
	background: none;
	border-bottom: 0;
	position: absolute;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.noslider #page_header
{
	position: relative;
	background: #FFF;
}

#wrapper_content_main
{
	 padding: 0;
}

section .content
{
	width: 100%;
   position: relative;
   margin: 0 auto;
   padding: 0;
}


#page_footer
{
   position: relative;
   padding: 40px 0 0 0;

}

@media (min-width: 768px)
{
	body
	{

	}

	#page_header
	{
	   position: relative;
	   background: #FFF;
	}

	.start #page_header
	{
		position: absolute;
	}
}

/*********************************************************************
 * 2. Header
 *
 */

 .container
 {
 	max-width: 100%;
 }

.header_item
{

}

.start .header_item
{
	border: 0 none;
}

#wrapper_logo
{
	padding: 17px 20px 15px 20px;
}



.logo-metrion
{
	display: block;
	line-height: 16px;
}

.logo-metrion:hover #logo-metrion-icon {
  transform-origin: 44px 44px;
  -webkit-animation:spin 1s ease;
  -moz-animation:spin 1s ease;
  animation:spin 1s ease;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

header .logo-metrion svg
{
	height: 40px;
}

header .logo-metrion svg .logo-metrion-path
{
    fill: #FFF;
}

.start header .logo-metrion svg .logo-metrion-path
{
    fill: #FFFFFF;
}

.noslider header .logo-metrion svg .logo-metrion-path,
.noslider .navbar-header .icon .st0
{
    fill: #EE4400;
}

.navbar-header .icon .st0
{
	fill: #FFF;
}

.start .navbar-header .icon .st0
{
	fill: #FFF;
}

.navbar-header .icon
{
	height: 36px;
	width: 36px;
}

.navbar-header>a
{
	margin-right: 10px;
}


@media (min-width: 380px)
{
	.navbar-header>a
	{

	}
}

@media (min-width: 768px)
{

}

@media (min-width:1290px)
{
}

#top_nav
{
  position: relative;
  padding: 0;

}



#top_nav .navbar-collapse
{
	padding-left: 0;

}

.navbar-collapse.in {
    overflow-y: visible;
}


.main_nav
{
	padding-left: 20px;
	padding-right: 0;
	margin: 0;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus
{
	background: none;
	border: none;
}

.main_nav li
{
	  /*margin-right: 20px;  padding: 20px 0;*/
	  margin: 0;
	  padding: 0;
	  padding-right: 10px;
	  text-align: center;
	  background: none;
}

.main_nav li:nth-child(5)
{
	  margin-right: 5px;
}

.main_nav li.wrapper_tel
{
	background: none;
	margin-right: 0;
	border-left: 1px solid #CCC;
}

.main_nav li.wrapper_tel a
{
	padding-right: 0;
	padding-left: 20px;
}
.start .main_nav li.wrapper_tel
{
	border:0 none;
}



.main_nav li a
{
   color: #2A4A6A;
   text-decoration: none;
   font-size: 16px;
   display: block;
   padding: 15px 5px 20px 5px;
   text-align: left;
   font-weight: bold;
   line-height: 40px;
   background: none;
   text-shadow: none;
}


.main_nav li a:focus,
.main_nav li a:active
{
	background: none;
}


.main_nav li .tel_header
{
	font-weight: normal;
	font-size: 26px;
	background: none;
}

.is-sticky .main_nav li a,
.start .is-sticky .main_nav li a,
.main_nav li a,
.tel_header
{
	color: #2A4A6A;
}

.start .main_nav li a,
.tel_header
{
	color: #FFF;
}

.start .main_nav li:hover a,
.start .main_nav li.active a,
.tel_header :hover
{
   color: #FFF;
   background: none;
  text-decoration: none;
}

.main_nav li:hover a, .main_nav li.active a,
.start .is-sticky .main_nav li:hover a,
.start .is-sticky .main_nav li.active a
{
   color: #EE4400;
   background: none;
   text-shadow: none;

}



.main_nav li .active_marker,
.active_marker
{
	display: none;
	width: 20px;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	background: #EE4400;
	overflow: hidden;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	bottom: 25px;
}

.start .main_nav li .active_marker
{
	background: #FFF;
}



.main_nav li.active .active_marker,
.main_nav li:hover .active_marker
{
	display: block;
}

.glyphicon
{
	top: 3px;
}

.wrapper_sub_nav
{
	border-top: 1px solid #CCC;
	padding: 12px 0 12px;

	height: 49px;
}

#sub_nav,
#sub_nav ul.slides
{
	text-align: center;
	margin: 0;
}

#sub_nav ul.slides>li
{
	display: inline-block;
	padding: 0 20px;
	display: inline-block !important;
  white-space: nowrap;
  padding: 0 20px;
  width: initial !important;

}

#sub_nav ul.slides>li a
{
	font-size: 16px;
	color: #2A4A6A;
	text-decoration: none;
	line-height: 20px;
}

#sub_nav ul.slides>li a:hover,
#sub_nav ul.slides>li a:focus,
#sub_nav ul.slides>li.active a
{
	color: #EE4400;
	text-decoration: none;
	font-weight: normal;
}



/** mobile nav **/



.navbar-header
{
	padding-top: 14px;
}

.navbar-header button {
    border: none;
    margin: 0;
    top: -5px;
}

.navbar-header .icon-bar {
    background: #FFF;
}
.navbar-toggle {
    position: relative;
    float: none;
    margin-right: 20px;
    padding: 0;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: none;
    border-radius: 4px;
}

.noslider .navbar-header .icon-bar {
    background: #EE4400;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 4px;
    border-radius: 2px;
}


#wrapper_collapse
{
	margin: 0 -20px ;
   padding: 5px 20px;
   background: #FFF;
   -webkit-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.25);
	box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.25);
}


#mobile_nav li
{
	  margin: 0;
	  text-align: left;
	  background: none;
	  padding: 0;
}

#mobile_nav .main_nav>li
{
	  border-bottom: 1px solid #e5e5e5;
}

#mobile_nav .main_nav>li:last-child
{
	  border-bottom: none;
}


#mobile_nav .main_nav li a
{
   color: #EE4400;
   font-size: 14px;
   line-height: 14px;
}

#mobile_nav .main_nav>li a
{
   color: #EE4400;
   padding: 16px 0;
}

#mobile_nav .main_nav>li.dropdown
{
   background-image: url('../images/icon-bullet-down-1x.png');
   background-position: right 14px ;
   background-repeat: no-repeat;
}

#mobile_nav .main_nav li.active .active_marker,
#mobile_nav .main_nav li:hover .active_marker
#mobile_nav .active_marker
{
	display: none;
}

#mobile_nav .main_nav > li > .dropdown-menu
{
   border: 0;
   margin: 0;
}

#mobile_nav .main_nav > li > .dropdown-menu li a
{
	color: #EE4400;
   text-decoration: none;
   font-size: 14px;
   display: block;
   padding: 8px 0px;

   line-height: 14px;
   text-align: left;
   padding-left:15px;
   font-weight: normal;

}

#mobile_nav .main_nav > li > .dropdown-menu li a:hover,
#mobile_nav .main_nav > li > .dropdown-menu li.active a
{
   color: #EE4400;
}

#mobile_nav li:hover a,
#mobile_nav  li.active a
{
	color: #EE4400;
   background: none;
  text-decoration: none;
  text-shadow: none;
}


@media (min-width: 768px)
{
   header .logo-metrion svg .logo-metrion-path
	{
	    fill: #EE4400;
	}

	.navbar-header .icon .st0
	{
		fill: #EE4400;
	}

	#wrapper_collapse
	{
		margin: 0 -40px;
	   padding: 5px 40px;
	   background: none;
	}

   .main_nav
	{
		padding-left: 0;
	}

	.main_nav li a
	{
		font-size: 14px;
	}

	.main_nav li .tel_header
	{
		font-size: 15px;
		font-weight: normal;
	}

	.main_nav li a.menu_btn
	{
	   text-align: left;
	   margin-bottom: 0;
	}

	#wrapper_collapse
	{
		margin: 0 ;
	   padding: 0;
	}

	#sub_nav ul.slides>li a
	{
		font-size: 14px;

	}
}

@media (min-width: 992px)
{

	.main_nav li a
	{
	}

	.main_nav li .tel_header
	{
		font-size: 22px;
	}

}

@media (min-width: 1100px)
{
}

@media (min-width: 1290px)
{
	#top_nav li
	{
	     /*margin-right:15px;*/
	}

	.nav > li.menu_mail
	{
		display: block;
	}

}

/****
 *
 *    Ende Inhalt Header
 *
 ****/

/*********************************************************************
 * 3. Content
 *
 */
h1, .h1
{
	font-size: 34px;
	font-weight: bold;
	margin:  0 0 40px 0;
}

h2, .h2, h2 a, .h2 a , h2 a:hover, .h2 a:hover
{
	font-size: 26px;
	line-height: 32px;
	font-weight: bold;
	margin:  0 0 40px 0;
	text-decoration: none !important;
}

h3, .h3
{
font-size: 22px;
	font-weight: bold;
	margin:  0 0 20px 0;
}

h4, .h4
{
	font-size: 18px;
	font-weight: bold;
	margin:  0 0 20px 0;
}

p
{
	margin-bottom: 12px;
}


a, a:hover
{
 color: #EE4400;
 text-decoration: none;
}

.wrapper_content p a
{color:#2A4A6A;
	text-decoration: underline;
}

.wrapper_content a:hover
{
	color:#3677B8;
	text-decoration: underline;
}

.btn_light,
.btn_light:active,
.btn_light:focus
{
 	display: inline-block;
 	color: #EE4400;
 	text-decoration: none;
 	padding: 10px 16px;
 	border: 1px solid #d9d9d9;
 	border-radius: 4px;
 	font-weight: bold;
 	margin-top: 20px;
 	background-color: #FFF;
 	text-decoration: none !important;
}

.btn_light.grey
{
	background-color: #f6f6f6;
}

.btn_light.down,
.btn_light.down:hover
{
	background-image: url('../images/icon-down-1x.png');
	background-repeat: no-repeat;
	background-position: 20px center;
	padding-left: 60px;
}

.btn_light.down:hover
{
	background-image: url('../images/icon-down-white-1x.png');
}


.btn_light.papers,
.btn_light.papers:hover
{
	background-image: url('../images/icon-papers-2x.png');
	background-repeat: no-repeat;
	background-position: 20px center;
	padding-left: 60px;
	background-size: 18px auto;
}

.btn_light:hover.papers
{
	background-image: url('../images/icon-papers-white-2x.png');
}

.blog_nav .btn_light.papers
{
	background-position: center;
}

.btn_light:hover
{
	background: #EE4400;
	border: 1px #EE4400 solid;
	color: #fff;
	text-decoration: none !important;
}

.btn_light.up,
.btn_light.up:hover
{
	background-image: url('../images/icon-up.png');
	background-repeat: no-repeat;
	background-position: 15px center;
	padding-left: 50px;
}

.btn_light.up:hover
{
	background-image: url('../images/icon-up-white.png');
}

.btn_light.prev,
.btn_light.prev:hover
{
	background-image: url('../images/icon-prev.png');
	background-repeat: no-repeat;
	background-position: 15px center;
	padding-left: 50px;
}

.btn_light.prev:hover
{
	background-image: url('../images/icon-prev-white.png');
}

.btn_light.next,
.btn_light.next:hover
{
	background-image: url('../images/icon-next.png');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 50px;
}


.btn_light.next:hover
{
	background-image: url('../images/icon-next-white.png');
}

.blog_nav .btn_light.up,
.blog_nav .btn_light.prev
{
	background-position: center;
}

.blog_nav .btn_light.next
{
	background-position: 25px center;
}

.textbold
{
 	font-weight: bold !important;
}

.textlink
{
 	color: #EE4400;
 	text-decoration: underline;
}

.textnormal
{
	font-weight: normal !important;
}

.textboldlink
{
 	color: #EE4400;
 	text-decoration: none;
}

.textgrey
{
 	color: #AFAFAF !important;
}

.textorange
{
 	color: #EE4400 !important;
}

.textblue
{
 	color: #2A4A6A !important;
}


.clear
{
 	clear: both;
}

.mrgbt
{
	margin-bottom: 40px;
}

.click_box
{
	cursor: pointer;
}

.bg_white
{
	background-color: #FFF;
}

.bg_grey
{
	background-color: #F6F6F6;
}

.bg_orange
{
	background-color: #EE4400;
}

.bg_blue
{
	background-color: #2A4A6A;
}

.bg_swirl
{
	background-image: url('../images/background-white-swirl-1x.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	min-height: 616px;
}

.bg_transp_mobile
{
	background: rgba(255,255,255,0.5);
	margin: 0 -20px;
	padding: 0 20px;
	padding-bottom: 40px;
}



.icon
{
	 display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    position: relative;
    top: 3px;
    margin-right: 5px;
    height: 22px;
    width: 20px;
    text-align: center;
}

.icon_orange .st0
{
	fill: #EE4400;
}



.icon svg
{
	max-height: 100%;
}

.icon_arrow_down
{
	background: url('../images/icon-down-1x.png');
	height: 20px;
	width: 20px;
}

.icon_klammer
{
	background: url('../images/icon-paperclip-1x.png');
	height: 63px;
	width: 63px;
}

.clp_button
{
	padding-right: 30px;
	background-image: url('../images/icon-bullet-1x.png');
	background-repeat: no-repeat;
	background-position: center right;
	display: inline-block;
	cursor: pointer;
}

.clp_button[aria-expanded=true]
{
	background-image: url('../images/icon-bullet-down-1x.png');

}


.space20{ margin-bottom: 20px; }
.space40{ margin-bottom: 40px; }
.space60{ margin-bottom: 60px; }
.space80{ margin-bottom: 60px; }

.wrapper_content ul
{
	margin: 0;
   padding: 0;
   list-style-type: none;
   margin-bottom: 20px;
}

.wrapper_content ul li
{
	display: block;
	background-image:  url('../images/icon-bullet-2x.png');
	background-position: left 4px;
	background-repeat: no-repeat;
	padding: 0 0 0 30px;
	margin-bottom: 10px;
	border-radius: 4px;
	background-size: 20px 20px;
}
.wrapper_content ol li
{

	margin-bottom: 10px;
	border-radius: 4px;
	background-size: 20px 20px;
}

.wrapper_grey_list ul li
{
    margin: 6px 0;
    padding: 20px;
    background-image:  none;
    background-color: #f6f6f6;
}

.wrapper_check_list ul li
{
    background-image: url('../images/icon-check-2x.png');
    background-position: left top;
    background-size: 20px 20px;
}

.wrapper_box_list ul li
{
    margin: 10px 0;
    padding: 20px;
    background-image:  none;
    background-color: #FFF;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);
		-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);
		box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);
}


 .wrapper_slider
{
	margin: 0;
	overflow: hidden;
	position: relative;
}

#startslider
{

}
/* 30.07.2020 Slide MP4Y*/

#startslider .flex-control-nav
{

    text-align: right;
}

.wrapper_slider .teaser_blog
{
	position: absolute;
	z-index: 600;
	text-align: left;
	bottom: 40px;
	left: 20px;
	color: #FFF;
	padding-bottom: 8px;
	text-overflow: ellipsis;
	max-width: 280px;
}

.wrapper_slider .teaser_blog a
{
	color: #FFF;
	text-decoration: none;
	margin-left: 20px;
}

#startslider .btn_light
{
	font-size: 16px;
}

#startslider .flex-control-paging li a
{
    text-indent: 9999px;
}

.wrapper_slider .teaser_blog,
#startslider .flex-control-nav
{
    bottom: 100px;
}

.bg_paper
{
	position:absolute;
	bottom: 0;
	width: 100%;
	height: 100px;
	background-image: url('../images/background-paper-2x.png');

	background-size: cover;
	background-repeat: no-repeat;
	z-index: 10;

}

#startslider .slides li
{
	background-size: cover;
	height: 100vh;
	background-position: 50% 50%;
}

#pageslider .slides li
{
	background-size: cover;
	background-position: 50% 50%;
	min-height: 400px;
}

#pageslider .slides li.slider_std,
.slider_std
{
	background-image: url('../images/background-orange-swirl-1x.png');
	/*background-image: url('../images/metrion_gruppenbild.png');*/
	background-size: cover;
	background-position: 50% 50%;
}
#pageslider .slides  li.slider_stdteam,
.slider_stdteam
{
/*	background-image: url('../images/background-orange-swirl-1x.png');*/
	background-image: url('../images/metrion_gruppenbild.png');
	background-size: cover;
	background-position: 50% 50%;
}

#startslider .wrapper_width,
#pageslider .wrapper_width
{
	margin: 0 auto;
	max-width: 80%;
}

#pageslider .wrapper_width
{
	max-width: 100%;
}

.onpic
{
  width:100%;
  color:#fff;
  font-size:18px;
  text-align: center;

}

#startslider .container
{
	padding: 0;
	position: relative;
	height: 100vh;
}

#startslider .onpic
{
	position:absolute;
  top:50%;
  -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

#pageslider  .onpic
{
	position: relative;
	padding: 80px 0;


}

#startslider .onpic h1,
#pageslider .onpic h1
{
	color: #FFF;
}

#startslider .onpic,
#pageslider .onpic
{
	font-size: 26px;
	color: #FFF;
	line-height: 1.4;
}

#pageslider .onpic
{
	font-size: 20px;
}

.onpic .morelink, .onpic .morelink:focus, .onpic .morelink:hover
{
   font-size: 18px;
   color: #fdc400;

}

@media (max-width: 480px)
{
	#startslider .onpic h1,
	#pageslider .onpic h1
	{
		line-height: 42px;

	}
}

@media (min-width: 768px)
{
	#startslider .onpic
	{
	  text-align: left;
	  width:100%;
	  color:#fff;
	  font-size:32px;
	}



	#pageslider .onpic
	{
		font-size: 26px;
	}

	.wrapper_slider .teaser_blog
	{
		max-width: none;
	}

	#pageslider .wrapper_width
	{
		max-width: 70%;
	}

	.wrapper_slider .teaser_blog,
	#startslider .flex-control-nav
	{
	    bottom: 60px;
	}

	h1, .h1
	{
		font-size: 64px;
		font-weight: bold;
	}

	h2, .h2
	{
		font-size: 26px;
		font-weight: bold;
	}

	h3, .h3
	{
		font-size: 22px;
		font-weight: bold;
	}

	h4, .h4
	{
		font-size: 18px;
		font-weight: bold;
	}

	.bg_line
	{
		background-image: url('../images/background-line-1x.png');
		background-repeat: no-repeat;
		background-position: center center;

	}

	.bg_transp_mobile
	{
		background: transparent;
		margin: 0;
		padding-bottom: 0;
	}

	.btn_light,
	.btn_light:active,
	.btn_light:focus
	{
	 	padding: 10px 20px;
	}

	.blog_nav .btn_light.papers
	{
		background-position: 20px center;
		padding-left: 60px;
	}

	.blog_nav .btn_light.up,
	.blog_nav .btn_light.prev,
	.blog_nav .btn_light.next
	{
		background-position: 15px center;
	}

	.blog_nav .btn_light.up,
	.blog_nav .btn_light.prev
	{
		padding-left: 50px;
	}

	.blog_nav .btn_light.next
	{
		background-position: right center;
		padding-right: 50px;
	}
}


@media (min-width: 992px)
{


}

.wrapper_content
{
	border-bottom: 1px solid #F6F6F6;
	padding:0;
}

.wrapper_content>.container>.row
{
	/* padding: 0 40px; */
}


.wrapper_content>.container
{
	padding: 40px 20px;
}

/*
.wrapper_content>.container.nopadd
{
	padding: 0 0 80px 0;
}
*/
.wrapper_zitat>.container
{
	padding: 40px 20px;
	color: #FFF;
}


.wrapper_zitat>.container>.row,
.wrapper_beratung>.container>.row,
.wrapper_newsletter>.container>.row
{
	/*padding: 0 60px;*/
}

.content_item
{
	padding: 0 20px;
}

.wrapper_content img
{
    display: block;
    max-width: 100%;
    height: auto;
}

.wrapper_beratung
{
	font-size: 22px;
	line-height: 32px;
}

.wrapper_beratung p a
{
	text-decoration: none;
	white-space: nowrap
}

.wrapper_zitat .zitat
{
	text-align: center;
	margin-bottom: 40px;
	font-size: 22px;
	line-height: 32px;
	font-weight: bold;
}

.wrapper_newsletter #wrap_Inputfield_email label,
.wrapper_newsletter #wrap_Inputfield_email .field__description
{
	display: none;
}

.wrapper_newsletter .newsletter_desc,
.wrapper_newsletter #wrap_Inputfield_email,
.wrapper_newsletter #wrap_Inputfield_submit
{
	display: block;
	max-width: 100%;
}

.wrapper_newsletter form
{
	display: inline-block;
	max-width: 100%
}

.wrapper_newsletter .newsletter_desc
{
	margin-right: 0;
	line-height: 50px;
	text-align: center;
}
.wrapper_newsletter #wrap_Inputfield_email input
{
	max-width: 100%;
	padding: 10px 20px;
	margin: 20px 0;
}

.wrapper_newsletter #wrap_Inputfield_submit button
{
	padding: 10px 20px;
	color: #FFF;
	background-color: #EE4400;
	font-weight: bold;
	border: 0;
	border-radius: 4px;
	width: 100%;
}


@media (min-width: 768px)
{

	.wrapper_zitat .zitat
	{
		max-width: 80%;
		display: inline-block;
	}

	.wrapper_content>.container
	{
		padding: 80px 60px;
	}

	.content_item
	{
		padding: 0 40px;
	}

	.wrapper_zitat>.container
	{
		padding: 120px 60px;
		color: #FFF;
	}

	.wrapper_beratung
	{
		font-size: 26px;
		line-height: 32px;
	}


	.wrapper_zitat .zitat
	{
		font-size: 26px;
		line-height: 32px;
	}

	.wrapper_newsletter .newsletter_desc
	{
		margin-right: 40px;
		line-height: 50px;
		text-align: left;
	}

	.wrapper_newsletter .newsletter_desc,
	.wrapper_newsletter #wrap_Inputfield_email,
	.wrapper_newsletter #wrap_Inputfield_submit
	{
		display: inline-block;
		max-width: 100%;
	}

	.wrapper_newsletter #wrap_Inputfield_email input
	{
		max-width: 350px;
		padding: 10px 20px;
		margin: 0 20px 0 0;
	}

	.wrapper_newsletter #wrap_Inputfield_submit button
	{
		width: auto;
	}

	.wrapper_content>.container.nopadd
	{
		padding: 0 0 80px 0;
	}

}

.wrapper_polaroid
{
	text-align: center;
}



.wrapper_content .polaroid,
.thema_body img
{
	border-top: 12px solid #FFF;
	border-left: 12px solid #FFF;
	border-right: 12px solid #FFF;
	border-bottom: 50px solid #FFF;
	max-width: 80%;
	max-height: 450px;
	display: inline-block;
	 -webkit-transition: -webkit-transform .15s linear;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
  margin: 40px 0;
}

.polaroid
 {
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  transform: rotate(-2deg);
}

.thema_body img:nth-child(1),
.thema_body .col_left img:nth-child(1)
{
	  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  transform: rotate(2deg);
}

.thema_body img:nth-child(2),
.thema_body .col_right img:nth-child(1)
{
	  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  transform: rotate(-2deg);
}

/*.polaroid:hover,
.thema_body img:hover
{
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
  	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
  	box-shadow: 0 3px 6px rgba(0,0,0,.5);

}
*/

.wrapper_content .wrapper_polaroid.twoitems .polaroid
{
	max-width: 50%;
}

.wrapper_content .wrapper_polaroid.twoitems .polaroid:nth-child(1)
{
	-webkit-transform: rotate(12deg);
  -moz-transform: rotate(12deg);
  transform: rotate(12deg);
}

.wrapper_content .wrapper_polaroid.twoitems .polaroid:nth-child(2)
{
	-webkit-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
  transform: rotate(-6deg);
  margin-left: -40px;
}

.shd_box
{
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
}

.shd_inset
{
	-webkit-box-shadow: inset 1px 11px 12px -15px rgba(0,0,0,0.48);
-moz-box-shadow: inset 1px 11px 12px -15px rgba(0,0,0,0.48);
box-shadow: inset 1px 11px 12px -15px rgba(0,0,0,0.48);
}

/** Startseite ***/

.themen_btns table
{
	margin: 0 auto;
}

.themen_btns .btn_light
{
	display: block;
	margin-bottom: 10px;
	text-align: center;
	background: #FFF;
	font-weight: normal;
}

.themen_btns table td
{
	width: 33.33%;
}

.themen_btns .bg,
.wrapper_themen .bg
{
	background-image: url('../images/background-circle-360-1x.png');
	background-size: cover;
	position: relative;
	width: 150px;
	height: 150px;
	border-radius: 75px;
	margin: 3px;

}

.themen_btns .bg:hover,
.wrapper_themen .bg:hover
{
	-webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.4);
box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.4);

}



.themen_btns .bg.cross,
.themen_btns .bg.cross:hover
{
	background-image: url('../images/background-cross-1x.png');
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

}


.themen_btns .bg.r45
{
	background-image: url('../images/background-circle-120-1x.png');
}

.themen_btns .bg.r120
{
	background-image: url('../images/background-circle-240-1x.png');
}

.themen_btns .bg:hover,
.wrapper_themen .bg:hover
{
	background-image: url('../images/background-circle-hover-1x.png');
	background-size: cover;
	position: relative;
	width: 150px;
	height: 150px;
	-webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.4);
box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.4);
}



.themen_btns .thema,
.wrapper_themen .thema
{
	position: absolute;
	text-align: center;
	top: 55px;
	width: 100%;
	display: block;
	color: #2A4A6A;
	text-decoration: none;
	font-size: 15px;
	padding: 0 10px;
}

.en .themen_btns .thema.top2
{
	top: 33px;
}


.themen_btns .bg:hover .thema,
.wrapper_themen .bg:hover .thema
{
	color: #FFF;
	text-decoration: none;
}






/** Themen **/

.wrapper_themen .bg
{
	position: relative;
	top: 180px;
	margin: 0 auto;
	left: -20px;
}

.wrapper_themen ul
{
	margin: 0;
   padding: 0;
   margin-top: 69px;
   list-style-type: none;

}

.wrapper_themen ul li,
.checklist li
{
	display: block;
	background-image:  url('../images/icon-check-2x.png');
	background-position: left 3px;
	background-repeat: no-repeat;
	padding: 0px 5px 0px 34px;
	margin-bottom: 12px;
	border-radius:0;
	background-size: 20px 20px;
}

.wrapper_thema_personen
{
	width: 100%;

	position: relative;
}

.thema_personen
{
	background: #EE4400;
	padding-top: 20px;
	text-align: center;
	padding-bottom: 20px;
}

.thema_personen .welcome
{
	color: #FFF;
	display: block;
	margin: 0 ;
	text-align: center;
}

.thema_personen .person_icon_link .name
{
	line-height: 18px;
}

.popover
{
	font-family: 'Rubik', sans-serif;
	border: 0;
	min-width: 300px;
}

.thema_popup
{
	display: inline-block;
}



.thema_popup .popover-content
{
	padding: 20px;
}

.thema_popup > .btn_light,
.thema_popup > .btn_light:hover
{
	background: none;
	color: #FFF;
	font-weight: normal;
	border: 1px solid #FFF;
	cursor: pointer;

}

/** Blog ***/

.blog_nav
{
	padding: 0 20px 20px 20px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
}

.blog_nav .btn_light
{
	min-height: 46px;
}

.blog_nav .btn_light.next
{
	margin-left: 5px;
}

.blog_nav .container
{
	padding: 0;
}

.wrapper_blog_item
{


}

.blog_item
{
	position: relative;

}

.blog_item .post_header,
.blog_item .post_content
{
	padding: 20px 20px 20px 20px;
}

.blog_item .post_header,
.blog_post_head
{
	border-bottom: 1px solid #c8c8c8;
	position: relative;
}


.blog_item_head_top
{
	margin-bottom: 30px;
	display: block;
}

.blog_item .post_header h2
{
	margin-bottom: 40px;
	text-align: center;
}

.blog_item .post_header h3
{
	margin-bottom: 15px;
	font-weight: normal;
}

.blog_item .post_desc
{
	padding-top: 10px;
}

.blog_item .post_desc .btn_light
{
	margin-top: 28px;
}

.blog_post_content
{
	border-bottom: 1px solid #c8c8c8;
}

.blog_post_autor
{
	padding-bottom: 40px;
}

.post_header .list_autoren,
.blog_post_autor .list_autoren
{

	list-style-type: none;
	background: none;
	text-align: center;
}

.blog_post_autor .list_autoren
{

}

.blog_post_head .list_autoren
{

}

.post_header .list_autoren li,
.blog_post_autor .list_autoren li
{
	background: none;
	display: inline-block;
}

.blog_post_autor .wrapper_action .btn_light:nth-child(2)
{
	margin-left:5px;
}

.post_desc .btn_light
{
	margin-right: 10px;
}

.post_width
{
	margin: 0 auto;
	max-width: 500px;
	position: relative;
}

.post_autor p
{
	margin-top: 0px;
}

.post_content p,
.post_content ul li,
.post_content ol li
{
	text-align: justify;
}

.blog_post_head .container,
.blog_post_autor .container,
.blog_post_content .container
{
	padding: 40px 20px 0 20px;
}



.blog_post_autor .list_autoren
{
	top: -100px;
	bottom: auto;
}

.post_autor h3
{
	font-size: 16px;
	font-weight: bold;
	margin-botom: 30px;
}

.wrapper_post_tags
{
	margin-top: 10px;
}

ul.tags,
ul.tags li
{
	list-style-type: none;
	background: none;
	margin: 0;
}

ul.tags li
{
	display: inline-block;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	margin-right: 10px;
}

.btn_post_tag,
.btn_post_tag:hover
{
	display: inline-block;
	padding: 8px 12px;
	line-height: 14px;
	border-radius: 15px;
	background-color: #f6f6f6;
	color: #2A4A6A;
	text-decoration: none;
}

.btn_post_tag:hover,
.btn_post_tag.active
{
	background-color: #EE4400;
	color: #FFF;
	text-decoration: none !important;
}

/** Bücher ***/

.header_inhalte .btn_light
{
	margin-top: 0;
}

.grid-sizer,
.grid-item { width: 100%; margin-bottom: 2%; }

.gutter-sizer { width: 0%; }

.wrapper_book
{


}

.book
{
	position: relative;

}

.book .book_header,
.book .book_content
{
	padding: 20px 20px 20px 20px;
}

.book .book_header
{
	border-bottom: 1px solid #c8c8c8;
}


.book_head_top
{
	margin-bottom: 30px;
	display: block;
}

.book .book_header h2
{
	margin-bottom: 10px;
}

.book .book_header h3
{
	margin-bottom: 15px;
	font-weight: normal;
}

.book .book_desc
{
	padding-top: 10px;
}

.book .book_desc .btn_light
{
	margin-top: 28px;
}

.book .book_adds
{
	position: relative;
	right: 0;
	top: 20px;
	padding: 20px;
}

.book .book_adds .book_img,
.book .book_adds .seiten,
.book .book_adds .preis
{
	margin-bottom: 25px;
}

/*** Kunden ***/

.kunden_text_oben,
.kunden_text_uns
{
	position: relative;
	padding-top: 70px;
	left: 20px;
}

.kunden_text_uns
{
	position: relative;
	left: 20px;
}

.wrapper_kunden ul li
{
	background: none;
	padding: 0;
}

/*** Kontakt ***/

.wrapper_kontakt_top .wrapper_beratung
{
	max-width: 300px;
	font-size: 23px;
	text-align: center;
}

.wrapper_kontakt_top .adresse p
{
	margin-bottom: 5px;
}

.wrapper_kontakt_top .adresse p a
{
	text-decoration: none;
}

.adresse p a
{
	text-decoration: none;
}


/** Person ***/

.totop
{
	margin-top: 0px;
	z-index: 10;
}

.person_einleitung
{
	font-size: 20px;

}

.person_info_box
{
	padding: 0;
}

.person_info_box h1,
.person_info_box h2
{

	font-weight: normal;
	font-size: 32px;
	margin-bottom: 6px;
}

.person_info_box .beruf
{
	display: block;
	margin-bottom: 30px;
}

.person_info_box .kurztext
{
	margin-bottom: 40px;
}

.person_info_box .wrapper_icons
{
	margin-bottom: 10px;
	font-size: 14px;
}

.person_info_box .wrapper_icons>div
{
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
}

.person_info_box .wrapper_icons span
{
	color: #AFAFAF;
}

.person_info_box .ico
{
	display: inline-block;
	width: 110px;
	height: 110px;
	background-image: url('../images/icon-experience-2x.png');
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 10px;
	border-radius: 55px;
	border: 4px solid #dadada;
	background-size: 63px 63px;

}

.person_info_box .ico.ico_sprachen
{
	background-image: url('../images/icon-language-2x.png');
}

.person_info_box .ico.ico_spezial
{
	background-image: url('../images/icon-expertise-2x.png') ;
}

.person_info_box .wrapper_action
{
	font-size: 14px;
}

.person_info_box .wrapper_action span
{
	display: none;
}

.person_info_box .btn_light
{
	margin: 10px 10px;
}

.list_personen,
.wrapper_content .list_personen
{
	text-align: center;
}

.list_personen li,
.wrapper_content .list_personen li
{
	display: inline-block;
	list-style: none;
	background: none;
	margin: 0;
	padding: 20px;
}
.person_icon_link
{
	display: inline-block;
	text-align: center;
}
/* Geändert am 27.11.2024, um die Vorschaubilder quadratisch zu machen */
.icon_person_team
{
	/*width: 116px;
	height: 116px;*/
	/*border-radius: 58px;
	border: 4px solid #dadada;*/
	display: inline-block;
	width:200px;
	height:200px;
	border: 2px solid #dadada;
	background-position: center top;
	background-size: 117%;
	background-repeat: no-repeat;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
}

.icon_person
{
	/*width: 116px;
	height: 116px;*/
	/*border-radius: 58px;
	border: 4px solid #dadada;*/
	display: inline-block;
	width:130px;
	height:130px;
	border: 2px solid #dadada;
	background-position: center top;
	background-size: 117%;
	background-repeat: no-repeat;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
}

.person_icon_link .name
{
	display: inline-block;
	color: #2A4A6A;
	font-size: 16px;
}

.banner_portrait
{
	background: #FFF;
	padding: 10px 10px 5px 10px;
	display: inline-block;
	position: absolute;
	left: 10%;
	text-align: center;
	-webkit-transition: -webkit-transform .15s linear;
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
  box-shadow: 0 3px 6px rgba(0,0,0,.25);
   -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  transform: rotate(-2deg);
  top: 30px;
  z-index: 10;
}

.banner_portrait img
{
	max-height: 400px !important;
	width: auto !important;
	display: block;
}

.banner_portrait .icon_klammer
{
	position: absolute;
	bottom: 20px;
	left:-28px;
}

.banner_portrait .name
{
	font-size: 20px;
}

.banner_person_icon
{
	position: absolute;
	text-align: center;
	top: 110px;
	width: 100%;
	z-index: 1;
}

.banner_person_icon .icon_person
{
    display: inline-block;
    width: 186px;
    height: 186px;
    border-radius: 98px;
    border: 8px solid #dadada;
}

.banner_person_icon .person_icon_link .name
{
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
}

.wrapper_doc_list ul li,
.doc_list li
{
	display: block;
	background-image:  url('../images/icon-papers-2x.png');
	background-position: 20px 15px;
	background-repeat: no-repeat;
	background-color: #FFF;
	padding: 10px 20px 10px 60px;
	margin-bottom: 12px;
	border-radius:0;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
	background-size: 25px 31px;
}

/*
****** Team ******
*/



@media (min-width: 768px)
{

	.person_einleitung
	{
		margin-top: 40px;
	}

	.thema_personen
	{
		position: absolute;
		right: 0;
		top: -3px;
		text-align: left;
		padding-bottom: 0;

	}
	.totop
	{
		margin-top: -100px;
		z-index: 10;
	}


	.kunden_text_oben,
	.kunden_text_uns
	{
		position: relative;
		top: 105px;
		margin-left: 20px;
	}

	.kunden_text_uns
	{
		position: relative;
		margin-left: 20px;
	}

	.wrapper_kontakt_top .wrapper_beratung
	{
		top: 125px;
	}

	.bg_left
	{
		width: 20%;
		float: left;
		height: 80px;
		background-image: url('../images/background-swish-1x.png');
		background-repeat: no-repeat;
		background-position: right top;
	}

	.bg_right
	{
		position: relative;
		width: 80%;
		background-color: #EE4400;
		height: 80px;
		float: left;
	}

	.wrapper_thema_personen
	{
		max-width: 640px;
	}

	.thema_personen
	{
		background: none;
		padding: 0;
	}

	.thema_personen .welcome
	{

		display: inline-block;
		margin: 0 20px 20px 0;
		text-align: left;

	}

	.thema_personen .popover
	{
		width: 640px;
	}

	.grid-sizer,
	.grid-item { width: 49%; margin-bottom: 2%; }

	.gutter-sizer { width: 2%; }

	.blog_item .post_header h2
	{
   	margin-bottom: 10px;
   	text-align: left;
	}

	.blog_item .post_header,
	.blog_item .post_content
	{
		padding: 20px 160px 20px 20px;
	}

	.post_header .list_autoren,
	.blog_post_autor .list_autoren
	{
		position: absolute;
		right: 20px;
		bottom: -140px;
		list-style-type: none;
		background: none;
	}

	.blog_post_autor .list_autoren
	{
		right: -100px;
	}

	.blog_post_head .list_autoren
	{
		top: auto;
		bottom: -180px;
		right: -140px;
	}

	.wrapper_themen .bg { top: 120px; }
	.wrapper_themen h2 { margin: 0 0 20px 0; }
	.wrapper_themen ul { margin-top: 52px; }


}


@media (min-width: 992px)
{

	.person_info_box
	{
		padding: 40px;
	}

	.person_info_box .wrapper_action span
	{
		display: inline;
	}

	.person_info_box .wrapper_action
	{
		font-size: 12px;
	}

	.kunden_text_oben,
	.kunden_text_uns
	{
		position: relative;
		top: 80px;
		margin-left: 108px;
	}

	.kunden_text_uns
	{
		position: relative;
		margin-left: 80px;
	}

	.wrapper_kontakt_top .wrapper_beratung
	{
		top: 145px;
	}

	.bg_left
	{
		width: 30%;
	}

	.bg_right
	{
		width: 70%;
	}

	.book .book_adds
	{
		position: absolute;
		width: 200px;
	}

	.book .book_header,
	.book .book_content
	{
		padding: 20px 200px 20px 20px;
	}
}

@media (min-width: 1170px)
{
	.wrapper_themen .bg
	{
		left: auto;
	}

	.kunden_text_oben,
	.kunden_text_uns
	{
		position: relative;
		top: 90px;
		margin-left: 230px;
	}

	.kunden_text_uns
	{
		position: relative;
		margin-left: 140px;
	}

	.wrapper_kontakt_top .wrapper_beratung
	{
		top: 165px;
	}

	.bg_left
	{
		width: 50%;
	}

	.bg_right
	{
		width: 50%;
	}

}


/****
 *
 *    Ende Inhalt Content
 *
 ****/


/****
 *
 *    Inhalt Footer
 *
 ****/

#page_footer>.container>.row
{
	padding: 0;
}

.footer_box
{
	float:left;
	line-height: 1.5;
	padding-bottom: 40px;


}

ul.languages
{
	list-style: none;
	margin-top: 15px;
	text-align: right;
}

ul.languages li
{
	display: inline-block;
	padding: 0 0 0 5px;
	line-height: 14px;
}

ul.languages li:first-child
{
	border-right: 1px solid #EE4400;
	padding-right: 5px;
}





footer .icon
{
	height: auto;
	width: 20px;
}

.search input
{
	max-width: 100%;
}
@media (min-width: 768px)
{
	#page_footer>.container>.row
	{
		padding: 0 60px;
	}

	#page_footer .adresse
	{
		margin-right: 40px;
	}
}
/****
 *
 *    Ende Inhalt Footer
 *
 ****/

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#2A4A6A;}
#colorbox{outline:0;}
    #cboxContent{margin-top:0px; overflow:visible; background:transparent; padding-top: 60px;}
        .cboxIframe{background:#31424a;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background: transparent; padding:10px; padding-bottom: 60px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:transparent;}
        #cboxTitle{position:absolute; top:-22px; left:10px; color:#000;}
        #cboxCurrent{position:absolute; bottom:20px; left:10px; }

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:46px; height:61px; position:absolute; }

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background: url('images/backward.png'); bottom: 0px; right: 80px;}

        #cboxNext{background: url('images/forward.png'); bottom: 0px; right: 40px;}

        #cboxClose{background: url('images/close.png') no-repeat; background-position: center center ; top: 0px; right: 0px;}

        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

.formbox #cboxLoadedContent
{
	background:#31424a; padding:0;
}

.formbox #cboxClose
{
	background: url('images/close.png');
	width:46px;
	height: 61px;
	top: -15px;
	right: -7px;

}

/*
    Ende Colorbox Core Style:
*/

/*
 * jQuery FlexSlider v2.6.3
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face
{
  font-family: 'flexslider-icon';
  src: url('../fonts/flexslider-icon.eot');
  src: url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../fonts/flexslider-icon.woff') format('woff'), url('../fonts/flexslider-icon.ttf') format('truetype'), url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover
{
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav
{
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider
{
  margin: 0;
  padding: 0;
}
.flexslider .slides > li
{
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img
{
  width: 100%;
  display: block;
}
.flexslider .slides:after
{
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides
{
  display: block;
}
* html .flexslider .slides
{
  height: 1%;
}
.no-js .flexslider .slides > li:first-child
{
  display: block;
}
.flexslider
{
  margin: 0;
  padding: 0;
}
.flexslider .slides > li
{
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img
{
  width: 100%;
  display: block;
}
.flexslider .slides:after
{
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides
{
  display: block;
}
* html .flexslider .slides
{
  height: 1%;
}
.no-js .flexslider .slides > li:first-child
{
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider
{
  margin: 0;
  border: 0;
  position: relative;
  zoom: 1;

}
.flexslider .slides
{
  zoom: 1;
}
.flexslider .slides img
{
  height: auto;
  -moz-user-select: none;
}
.flex-viewport
{
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport
{
  max-height: 300px;
}
.carousel li
{
  margin-right: 5px;
}
.flex-direction-nav
{
  *height: 0;
}
.flex-direction-nav a
{
  text-decoration: none;
  display: block;
  width: 100px;
  height: 200px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(255, 255, 255,1);
  text-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#sub_nav
{
	padding: 0 30px;
}



#sub_nav .flex-direction-nav a
{
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  opacity:1;
  color: rgba(0, 0, 0, 1);
  font-size: 24px;
  margin: 0;
}

#sub_nav .flex-direction-nav a:before
{
  color: rgba(0, 0, 0, 1);
  font-size: 24px;
}

#sub_nav .flex-direction-nav .flex-next
{
	right: 20px;
	background-image: url('../images/icon-scroll-right-1x.png');
	background-repeat: no-repeat;
	background-position: center;
}
#sub_nav .flex-direction-nav .flex-prev
{
	left: 20px;
	background-image: url('../images/icon-scroll-left-1x.png') ;
	background-repeat: no-repeat;
	background-position: center;
}

#sub_nav .flex-direction-nav a.flex-next:before
{
  content: '';
}

#sub_nav .flex-direction-nav a.flex-prev:before
{
  content: '';
}

.flex-direction-nav a:before
{
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(255, 255, 255,1);
  text-shadow: none;
}
.flex-direction-nav a.flex-next:before
{
  content: '\f002';
}
.flex-direction-nav .flex-prev
{
  left: -50px;
}
.flex-direction-nav .flex-next
{
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev
{
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover
{
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next
{
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover
{
  opacity: 1;
}
.flex-direction-nav .flex-disabled
{
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a
{
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before
{
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover
{
  opacity: 1;
}
.flex-pauseplay a.flex-play:before
{
  content: '\f003';
}
.flex-control-nav
{
  width: 100%;
  position: absolute;
  bottom: 10px;
  text-align: center;
  z-index: 600;
}
.flex-control-nav li
{
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a
{
  width: 11px;
  height: 11px;
  display: block;
  background: none;
  cursor: pointer;
  text-indent: -9999px;

  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #FFF;
}
.flex-control-paging li a:hover
{
  background: #FFF;
  background: rgba(255, 255, 255, 1);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(255, 255, 255, 1);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}

/*
    Ende FlexSlider Style
*/