@charset "utf-8";
/* CSS Document */

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('font/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('font/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('font/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('font/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('font/roboto-v30-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('font/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/roboto-v30-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/roboto-v30-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('font/roboto-v30-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('font/roboto-v30-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('font/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('font/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('font/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('font/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('font/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('font/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('font/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('font/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('font/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('font/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('font/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('font/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('font/roboto-v30-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('font/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/roboto-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/roboto-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('font/roboto-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('font/roboto-v30-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

@font-face {font-family: "DINPro-Regular";
  src: url("font/c9c60c88cb732119e5a9457f2d9cdc53.eot"); /* IE9*/
  src: url("font/c9c60c88cb732119e5a9457f2d9cdc53.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("font/c9c60c88cb732119e5a9457f2d9cdc53.woff2") format("woff2"), /* chrome、firefox */
  url("font/c9c60c88cb732119e5a9457f2d9cdc53.woff") format("woff"), /* chrome、firefox */
  url("font/c9c60c88cb732119e5a9457f2d9cdc53.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("font/c9c60c88cb732119e5a9457f2d9cdc53.svg#DINPro-Regular") format("svg"); /* iOS 4.1- */
}


/* ---- Body, Mains ------------------------------------------------------------ */ 


body, button, input, select, textarea {
    color: #1a1a1a;
    font-family: "Roboto", Arial,Georgia,serif;
    line-height: 1.7;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;	
	background-color: #fff;
	
	 -ms-hyphens: none;
     -webkit-hyphens: none;
     hyphens: none;
	 word-wrap: break-word;
	 font-size: 16px;
	 font-weight: 300;
}

body:not(.search-results) article:not(.type-page) .entry-content {
    float: left;
    width: 100%;
}

p {
    margin: 0 0 1.5em;
}

hr {
	border-top: 1px solid #ddd;
	margin: 0px;
}

a {
    color: #3aaadc;
	box-shadow: none !important;
	transition: color 0.5s;
	text-decoration: none !important;
}

a:hover 
{
    box-shadow: none !important;
	color: #333;
	border-bottom: 1px solid #333;
	text-decoration: none;
	border-bottom: 0px;
	
}

a:focus {
	outline: none;
	text-decoration: none;
}

a.blue-link {
    color: #3aaadc;
	box-shadow: none !important;
	border-bottom: 1px dashed #3aaadc;
	transition: border 0.5s;
	transition: color 0.5s;
}

#secondary .widget {
    color: #666;
}

#secondary .widget a {
    color: #666;
	
}

#secondary .widget a:hover {
    color: #333;
	color: #3aaadc;
}

div.think-green .so-panel.widget.widget_sow-image.panel-first-child {
	margin-bottom: 15px !important;
}

.site {

}

.site-main {
    margin-bottom: 2em;
}




.post-inner-content {
	padding: 0%;
	margin: 0%;
	border: 0;
}

body.archive .post-inner-content, body.blog .post-inner-content, .post-inner-content:first-child {
    border-top: 0;
}


.colorGradient {
	width: 100%;
	height: 10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f28500+0,fcf400+30,87dd0f+66,40b2ef+100 */
	background: #f28500; /* Old browsers */
	background: -moz-linear-gradient(left, #f28500 0%, #fcf400 30%, #87dd0f 66%, #40b2ef 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #f28500 0%,#fcf400 30%,#87dd0f 66%,#40b2ef 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #f28500 0%,#fcf400 30%,#87dd0f 66%,#40b2ef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f28500', endColorstr='#40b2ef',GradientType=1 ); /* IE6-9 */
	border-top: 1px solid #fff;
}

.slider-window
{
	width: 100%;
	overflow:auto;
	padding: 0px;
	margin: 0px;
	
	border-bottom: 1px solid #fff;
	
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
}

.slider-window .su-slider-centered {
	margin: 0px !important;
}

.feature-image {
    position: relative;
    float: left;
	overflow: auto;
	width: 100%;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.feature-image img{
	width: 100%;
}

.su-slider-slide-title {
    position: absolute;
    right: calc(((100% - 1170px) / 2) + 15px)!important;
	left:auto !important;
    bottom: 30px!important;
	text-align: right !important;
    display: block;
    max-width: 20%;
    padding: 5px 10px;
    color: #fff !important;
	font-weight: 300;
    line-height: 1.3;
	font-size: 2.5em !important;
    background: rgba(0, 0, 0, 0.8)!important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;;
    -webkit-border-radius: 0px !important;;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    filter: alpha(opacity=0);
    opacity: 0;
    transition: opacity 1s;
    -o-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
}

.featured-image-title {
	display: none;
}


.site-logo {
	width: 100%;
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
}

.site-logo img {
	width: 80%;
	margin-top: 0px;
}

.site-feature {
	background-image: none;
	width: 50%;
	float: right;
	text-align: right;	
}




.site-topmenu {
	width: 66%;
	float: right;
}

.site-topmenu-inner {
	float: right;
	margin-top: 1.1em;
}
	

.site-header {
	padding-left: 0%;
	padding-right: 0%;
}

.site-content
{
	background-color: transparent;
	margin-top: 2em;
	margin-bottom: 2em;
}

.site-footer .site-title::after {
    content: "";
}

div.main-content-inner.col-sm-12.col-md-12
{
	padding: 0 !important;
}

div.row.full-width
{
	margin: 0 !important;
}

.main-content-area {
	margin-top: 3em;
	margin-bottom: 3em;
}

.widget-area 
{
	margin-top: 24px;
	padding-left: 60px;
}


/* ---- Menu ------------------------------------------------------------ */ 

.nav-container
{
	width: 100%;
	
}


.nav {
    margin-bottom: 0px;
    padding-left: 0;
	margin-top: 0em;
}

.nav.navbar-nav {
    float: right;
	margin-top: 30px;
}

.navbar.navbar-default {
	
   	font-family: "Roboto";
	text-transform: none;
	font-weight: 300 !important;
    margin-bottom: 0px;
	padding-bottom: 1em;
	background-color: #fff;
	padding-top: 10px;
	
}

.navbar-nav > li 
{
	border-left: 1px solid #ddd;
	padding: 10px;
	padding-right: 40px;
	transition: border 0.5s;
}

.navbar-nav > li:hover 
{
	border-left: 10px solid #7AB82E;
}


.navbar-nav > li > a {
    padding: 0;
}

.navbar-nav > li:last-child {
	padding-right: 0px;
    
}

.navbar-collapse {
	padding: 0;
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
}

.navbar-default .navbar-nav > li > a {
    color: #333;
	font-size: 18px;
	line-height: 15px;
	text-transform: none;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #7AB82E;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #7AB82E;
  background-color: transparent;
  text-decoration: none;
}

.scroll-to-top:hover {
    background: #3AAADC;
}

/* --- Top Menu ------------------------------*/


.nav.top-nav > li > a {
   padding: 0px;
   background-color: transparent;
   color: #861521;
}

.nav.top-nav > li  {
   padding-left: 12px;
   margin-left: 12px;
   border-left: 1px solid #ddd;
}

.nav.top-nav > li:first-child {
   padding: 0px;
   margin-left: 0px;
   border: 0px;
}

.nav.top-nav > li > a:hover {
   background-color: transparent;
   color: #000;
}

.phone
{
	font-size: 1.75em;
	color: #861521;
	font-weight: bold;
	text-align: right;
	
	background-image:url(phone_icon.png);
	background-position:left;
	background-repeat:no-repeat;
}

.toplinks
{
	border-top: 1px solid #861521;
	margin-top: 0.3em;
}



/* --------- Widget-Menu ------------------------------------------ */

.widget_nav_menu ul.menu
{
	list-style-type: none;
}


.widget_nav_menu ul.menu li
{
	border-bottom: 1px solid #ddd;
    padding-bottom: 4px;
    padding-top: 4px;
    width: 100%;
}

.widget_nav_menu ul.menu li a
{
	border: 0px;
}

.widget_nav_menu ul.menu li:first-child
{
    padding-top: 0px;
}


/* ---- sticky popup -------------------------------------  */

.sticky-popup .popup-header
{
	background-color: #368033;
	border: 1px solid #368033;
	padding: 10px 10px 10px 10px;
}

.popup-content
{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,ffffff+20 */
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 20%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 20%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 20%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	
	border: 1px solid #ccc;
	border-top: 0px;
	height: 600px;
}

.popup-wrap
{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
}

.popup-content input[type="text"]
{
	max-width: 100%;
}

.popup-content .cf7-field textarea
{
	height: 5em;
}

.right-bottom
{
	right: 5%;
}

/* --- Footer ------------------------------------------------------ */


#footer-area {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,222222+100 */
	background: #333333; /* Old browsers */
	background: -moz-linear-gradient(top, #333333 0%, #222222 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #333333 0%,#222222 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #333333 0%,#222222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
    color: #fff;
}

#colophon {
    background-color: transparent;
    border-top: 0;
    padding: 0 0;
}

.site-info {
    color: #fff;
    font-size: 0.9em;
	margin-top: 2em;
	margin-bottom: 3em;
}

.site-info .row
{
	margin-left: -15px;
	margin-right: -15px;
}


.main-footer {
	width: 100%;
	padding: 0%;

	border-top: 0px solid #fff;
	overflow: auto;
	
}

.main-footer a {
	color: #fff;
}

.main-footer a:hover {
	color: #ccc;
}

.footer-box {

}

.footer-box:last-child {
	padding-left: 60px;
}

.main-footer h5 {
	font-size: 1.1em;
	border-bottom: 0px solid #fff;
	color: #fff;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	font-family: inherit;
}

.main-footer .side-menu
{
	border-bottom: 1px solid #ccc;
}

div.side-menu {
	border-bottom: 1px solid #fff !important;
	width: 100%;
	padding-top: 1px;
	padding-bottom: 1px;
}

div.side-menu a {
	color: #fff !important;
}

div.side-menu a:hover {
	color: #ccc !important;
}

div.side-menu:first-child {
	padding-top: 0px;
}

div.side-menu:last-child {
  border: 0px !important;

}





/* ---- Headlines, Fonts ------------------------------------------------------------ */

h1.sow-headline, .entry-content h1, .entry-title h1, .entry-summary h1, .comment-content h1, .entry-title {
	font-family: "DINPro-Regular";
	text-transform:uppercase;
	color: #3AAADC;
	font-weight: normal;
	
	font-size: 28px;
    line-height: 1.21739;
    margin-bottom: 0.90em;
}

.orange h1.widget-title {
	color:#f80;
}

.green h1.widget-title {
	color:#97be0d;
}



div.small-headline h1.widget-title
{
	font-size: 22px;
}

.entry-title
{
	margin-top: 24px;
}

.page-content, .entry-content, .entry-summary 
{
	
}

.single-featured
{
	display: none;
}

.entry-content .dark h1
{
	color: #fff;
	border-bottom: 1px solid #fff;
}


h2.sow-headline, .entry-content h2, .entry-summary h2, .comment-content h2 {
	font-family: "DINPro-Regular";
	text-transform:uppercase;
  	color: #777;
	font-weight: normal;
	
	font-size: 20px;
    line-height: 1.21739;
    margin-bottom: 1.0em;
	padding-bottom: 0em;
	text-align: left !important;
	margin-top: 2.0em;
}

h3.sow-headline, .entry-content h3, .entry-summary h3, .comment-content h3 {
	font-family: "DINPro-Regular";
	text-transform:uppercase;
  	color: #555;
	font-weight: normal;
	
	font-size: 26px;
    line-height: 1.21739;
    margin-bottom: 1.0em;
	padding-bottom: 0em;
	text-align: left !important;
}

.teaser h3.sow-headline {
	font-size: 20px;
	color: #3AAADC;
}

.teaser-small h3.sow-headline {
	font-size: 19px;
	color: #3AAADC;
}


h4.sow-headline, .entry-content h4, .entry-summary h4, .comment-content h4 {
	font-family: "DINPro-Regular";
	text-transform:uppercase;
  	color: #97BE0D;
	font-weight: normal;
	
	font-size: 26px;
    line-height: 1.21739;
    margin-bottom: 0.0em;
	text-align: left !important;
}

h5.sow-headline, .entry-content h5 .entry-summary h5, .comment-content h5 {
	font-family: "DINPro-Regular";
	text-transform:uppercase;
  	color: #3AAADC;
	font-weight: normal;
	
	font-size: 17px;
    line-height: 1.0;
    margin-bottom: 0.0em;
	text-align: left !important;
}




#secondary .widget > h3, #secondary .sow-headline > h3  {
	font-family: "DINPro-Regular";
	text-transform:uppercase;
  	color: #333;
	font-weight: normal;
	
	font-size: 28px;
    line-height: 1.21739;
    margin-bottom: 1.0em;
	padding-bottom: 0em;
	text-align: left !important;
}

.entry-meta
{
	display: none;
}

/* ---- Artikel light, dark ------------------------------------------------------------ */

.post-inner-content {
	background-color:transparent;
}



.light
{
	background-color: transparent;
	padding-top: 2em;
	padding-bottom: 2em;
	margin-bottom: -30px;
}

.dark
{
	background-color: #333333;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,222222+100 */
	background: rgb(51,51,51); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(34,34,34,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(51,51,51,1) 0%,rgba(34,34,34,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(51,51,51,1) 0%,rgba(34,34,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
	
	color: #fff;
	
	padding-top: 2em;
	padding-bottom: 2em;
	margin-bottom: -30px;
	
	border-bottom: 1px solid #bbb;
	border-top: 1px solid #bbb;
	
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
}

.box
{
	margin-left: 25px;
	margin-right: -10px;
}

.main
{
	margin-right: 30px;
	margin-left: -10px;
}


/* --- Custom CSS --------------- */

.add-box
{
	background-color: #ddd;
	padding: 15px;
	overflow: auto;
	border-radius: 7px;
	color: #666;
	margin-bottom: 1em;
	padding-left: 7em;
	background-image:url(icon-heart.png);
	background-position: 1em;
	background-repeat: no-repeat;
	transition: background 0.5s ease 0s, padding 0.8s linear 0s;
}

.add-box:hover
{
	background-color: #ccc;
	cursor:pointer;
}

.add-box.pc
{
	background-image:url(icon-pc.png);
}

.add-box.koffer
{
	background-image:url(icon-koffer.png);
}

.add-box.partner
{
	background-image:url(icon-partner.png);
}

.add-box.partner:hover
{
	background-image:url(icon-partner.png);
	background-color: #ddd !important;
	cursor:inherit !important;
}


.add-box h4
{
	/*font-family: "DINPro-Regular";*/
	text-transform: uppercase;
	color: #666;
	font-weight: bold;
	font-size: 1.0rem;
	margin: 0px;
	margin-bottom: 0.3em;
	letter-spacing:inherit;
}

.add-box p
{
	margin: 0;
	padding: 0;
}

.so-widget-image {
	border-radius: 5px;
}

.feature {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-top: 30px;
	margin-top:4px;
	margin-bottom: 4px;
}

.feature:hover {
	border-top: 5px solid #555;
	border-bottom: 5px solid #555;
	transition: 0.4s ease-in-out;
	margin-top:0px;
	margin-bottom: 0px;
}


/* --- Plugins, etc. ---------------------------------------------------------------------------- */

div.postTeaser div.main div.content.clearfix
{
	padding: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
}

div.postTeaser div.blog_two_style.clearfix
{
	border: none;
}

.so-widget-blog-style-two-blog-style-two-style-f70b9422c3b0 .all_main .columns, .so-widget-blog-style-two-blog-style-two-style-f70b9422c3b0 .all_main .column {
    margin: 0 1% !important;
}

div.sow-slider-base div.sow-slide-nav.sow-slide-nav-prev a,
div.sow-slider-base div.sow-slide-nav.sow-slide-nav-next a
{
	box-shadow: none !important;
}

/* Tabs */

div.soua-tab div.tab_content div.tabs_item
{
	color: #000000 !important;
}

div.soua-tab ul.soua-tabs.active li.current a
{ 
	font-size: 1.5rem !important;
	color: #333;
}

div.soua-tab ul.soua-tabs.active li a
{ 
	font-size: 1.5rem !important;
}

div.soua-tab ul.soua-tabs a
{
	transition: all 0.8s ease-in-out 0s !important;
}

/* --- pic-box Bilderwidget --------------------------------------*/

div.pic-box img.so-widget-image {
	border-radius: 0px;
	
	border: 1px solid #fff;
	
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
	
	
}

div.pic-box h3.widget-title {
	text-transform:none;
	font-size: 1.6em;
	margin-bottom: 0.5em;
}

/* --- side-box Widget ------------------------------------------ */


div.side-box.panel-widget-style h3.widget-title {
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #ddd;
}

/* --- Shortcodes Mods ------------------------------------------------ */

.su-service-title {
    margin-bottom: 0.1em !important;
	font-size: 1.2em !important;
}

/* Button aus Shortcodes */

.su-button-style-flat:hover span {
    top: 0 !important;
}

a.su-button.su-button-style-flat[style]:hover
{
	background-color: #000 !important;
}

/* ---- SO stuff ------------------------------- */

input.sow-text-field 
{
	border-radius: 5px !important;
}
 
.sow-field-container textarea
{
	border-radius: 5px !important;
}
 
 /* ---- contact form ------------------------------ */
 
.so-widget-sow-contact-form-default-2f07ede24105 .sow-contact-form 
{
    background-color: transparent;
    border: 0px solid #c0c0c0;
    padding: 0px;
	padding-top: 2em;
}

/* ---- Listen ----------------------- */

.widget ul {
	margin-left: 2em;
	margin-bottom: 1.5em;
}

.widget ul li {
    border-bottom: 0px;
    list-style: disc;
    margin-bottom: 5px;
    padding-bottom: 5px;
	font-size: 16px;
	line-height: 1.4;	
}

.widget ul.font-awesome-green li {
    list-style: none;
	margin-left: 2em;
	margin-bottom: 0.5em;
}

.widget ul.font-awesome-green li:before {
	content: '\f14a';
	font-family: 'FontAwesome';
	float: left;
	margin-left: -1.3em;
	color:#83BD3C;
	font-size: 22px;
}

.widget ul.font-awesome-green
{
	line-height: 1.8em;
	margin-left: 0;
	padding-left: 0;
}



.widget ul.font-awesome-blue
{
	line-height: 1.5em;
	margin-left: 0;
	padding-left: 0;
}

.widget ul.font-awesome-blue li {
    list-style: none;
}

.widget ul.font-awesome-blue li i {
    padding-right: 0.3em;
	padding-left: 0.3em;
	color:#83BD3C;
}



.widget ul.menu
{
	line-height: 2em;
	margin-left: 0;
	padding-left: 0;
	
}

.widget ul.menu li 
{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}


/* Menu */
.widget ul.menu
{
	line-height: 2em;
	margin-left: 0;
	padding-left: 0;
	
}

.widget ul.menu li 
{
	margin-left: 0;
	padding-left: 0;
	padding-bottom: 7px;
	list-style: none;
	font-weight: bold;
}

/* Neueste Beiträeg */
.widget_recent_entries ul
{
	line-height: 2em;
	margin-left: 0;
	padding-left: 0
}

.widget_recent_entries ul li 
{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.widget_recent_entries ul li a
{
	color: #000 !important;
}


.widget_recent_entries ul li a:hover
{
	color: #999 !important;
}




.sitebutton
{
	width: 400px;
  	text-align: left !important;
}

.linkbutton
{
  width: 100%;
  text-align: left !important;
  background-color: transparent !important; 
  border-bottom: 1px solid #cccccc !important;
  border-radius: 0px !important;
  
}

.linkbutton:hover
{

  background-color: #ffffff !important; 
  
}

.linkbutton span
{
  color: #333 !important;
}

a.su-button.linkbutton.su-button-style-flat[style]:hover
{
	background-color: #fff !important;
}


/* --------- Simple Lightbox ---------------------------------------- */

#slb_viewer_wrap .slb_theme_slb_default .slb_details .slb_data
{
	padding-top: 0.5em !important;
}

#slb_viewer_wrap .slb_theme_slb_default .slb_data_title, #slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
    font-family: "Roboto", Arial,Georgia,serif !important;
    font-size: 16px !important;
}

#slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
    color: #999 !important;
    font-style:normal !important;
    font-size: 13px !important;
	display: none !important;
}

#slb_viewer_wrap .slb_theme_slb_baseline {
    color: #333 !important;
    font-family: "Roboto", Arial,Georgia,serif !important;
    font-size: 13px !important;
}

/* ----  Easy Image Gallery  -------------------------------------- */

.image-gallery {
	margin-left: 0em !important;
}

.image-gallery a img {
	border: 1px solid #000;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7);
	width: 100%;
	
}

.image-gallery .galleryDescription
{
	font-size: 13px;
	margin-top: 1em;
	word-break: break-all;
	display:inline-table;
	overflow: auto;
}


.image-gallery li {
	padding: 0px;
	word-wrap: break-word; 
	word-break: break-all;
	width: 24.5%;
	padding: 1%;
	display:inline-block;
}


.foogallery .fg-caption-title {
    font-size: 14px;
}

/* ---- Buttons ------------------------ */

.moreButton, #secondary a.moreButton {
    background-color: #444;
    border-radius: 5px;
    padding: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    color: #fff;
	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}

.moreButton:hover, secondary a.moreButton {
    background-color: #000;
	color: #3AAADC;
}



/* ---- CF7, Forms, Inputs  ----------------------------------------- */

label 
{
    font-weight: normal;
	margin-bottom: 3px;
	margin-top: 10px;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], textarea, select 
{
    color: #333;
    border: 1px solid #bbb;
    border-radius: 3px;
	font-weight: normal;
	width: 100%;
	background-color: #eee;
}

input[type="submit"]
{
	margin-top: 20px;
}

.cf7-field textarea 
{
	height: 7em;
	width: 100%;
	max-width: 100%;
}


.cf7-field select
{
	width: 33%;
	padding: 0.3em;
}

.btn.btn-default, .btn-default, .label-default, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt 
{
    background-color: #333;
    border-color: #111;
	color: #ffff;
	font-weight: bold;
	padding: 1em;
}

.btn.btn-default:hover
{
	 background-color: #000;
}

.cf7-field
{
	width: 100%;
}

.wpcf7-form p
{
	margin: 0px;
	padding: 0px;
}

/* ------------ Social -------------------------------------- */

.social
{
	padding-bottom: 0.2em;
	padding-top: 0.2em;
}

#footer-area a
{
	color: #fff;
}

#footer-area a:hover
{
	color: #ccc;
}

.social img
{
	padding-right: 5px;
}


.fg-default.fg-gutter-15 {
	padding-left: 0px !important;
}


/* --- Blog ------------------- */

.entry-content .blog h1
{
	font-size: 1.6em;
	border-bottom: 0px;
}

.widget_recent_entries .blog ul li a {
	font-weight: bold !important;
}


.type-post .entry-content
{
    margin-top: -0.3em;
}



/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
	margin-top: 0px !important;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+50,eeeeee+100 */
	background: #ffffff !important; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 50%, #eeeeee 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 50%,#eeeeee 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 50%,#eeeeee 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-9 */
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
#content.padded {
	padding-top: 4em;
}


/* ---------- Listen Font Awesome -------------------- */

ul.font-awesome {
     line-height: 1.5em;
     margin-left: 0;
     padding-left: 0;
     margin-bottom: 1.5em;
     margin-top: 2.7em;
}

ul.font-awesome li {
    list-style: none;
    margin-bottom: 10px;
    padding-bottom: 10px;
	border-bottom: 0px;
}

ul.font-awesome li:last-child {
	border-bottom: 0px;
}

ul.font-awesome li i {
    padding-right: 0.5em;
  	padding-left: 0.2em;
	color: #666;
}

ul.font-awesome.contact i {
	color: #fff;
}


ul.font-awesome.social {
	margin: 0;
	padding: 0;
	padding-top: 1.5em;
	float: left;
}

ul.font-awesome.social i {
	color: #fff;
	
}

ul.font-awesome.social li {
	display: inline;
	color: #fff;
	border: 0 !important;
	font-size: 14px;
	padding-right: 15px;
}

ul.font-awesome.social li:last-child {
	padding-right: 0px;
}

.mobile-menu {
	float: right;
	padding-right: 13px;
	padding-top: 14px;
	font-size: 20px;
	display: none;
}

.navbar-default .navbar-toggle {
	background-color: #3AAADC;
	color: #fff;
	border: 0px;
	margin-right: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: #666;
	color: #444;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}


/* Progress Bars */

.fm-progress-bar {
    background-color: #eee;
    height: 28px;
    padding: 5px;
    width: 100%;
    margin: 5px 0;
    border-radius: 5px;
    overflow: auto;
}
.fm-progress-bar span {
    display: inline-block;
    float: left;
    height: 100%;
    border-radius: 3px;
    transition: width 1s ease-in-out;
}

.blue > span {
    background-color: #3aaadc;
}

.orange > span {
    background-color: #ee7f00;
}

.green > span {
    background-color: #97be0d;
}

.yellow > span {
    background-color: #fcdb03;
}


.fm-progress-text {
    text-align: right;
    color: 333;
    margin: -25px 0px; 
    font-size: 13px;
    font-weight: normal;
}


@media (max-width: 720px)
{
	.site-topmenu {
		width: 100%;
		float: none;	
		padding: 0px;
	}
	
	.mobile-menu {
		display: inline-block;
	}
	
	.nav.navbar-nav {	
		float: left;
		margin: 0px;
		margin-top: 20px;
	}
	
	.navbar-header {
		padding-right: 15px;
	}
	
	.widget-area {
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 30px;
	
	}
	
	.site-content {
		margin-bottom: 0px;
	}
	
	.site-info {
		margin-top: 10px;
	}
	
	.footer-box {
		margin-top: 40px;
		padding-left: 15px;
		padding-right: 15px;

	}
	
	.footer-box:last-child {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.so-widget-sow-icon-default-27e88fee68be .sow-icon span {
			font-size: 25vw !important;
	}
	
	.navbar-default .navbar-collapse {
		margin-top: 10px;
	}
	
	.navbar-nav > li {
		padding: 10px;
		padding-left: 30px;
		border: 0px;
		border-bottom: 1px solid #ddd;
		display: block;
	}
	
	.nav.navbar-nav {
		margin-top: 0px;
		width: 100%;

	}
	
	ul.font-awesome.social {
		float: none;
		margin-top: 20px;
	}
	
	ul.font-awesome.social li {
		font-size: 17px;
		display: block;
	}
	
	.post-2 .alignright {
		width: 40%;
	}
	
	.feature {
		border-top: 0px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding-top: 10px;
	}
	
	.panel-row-style > .panel-grid-cell {
		margin-left: 15px;
		margin-right: 15px;
		padding: 0px !important;
		margin: 0px;
	
	
}