/*
Theme Name: Hanse Networks
Theme URI: https://www.hanse-networks.com/
Description: Template für Hanse Networks
Author: hf-netsolution e.K.
Author URI: https://www.pinneberg-webdesign.de
Version: 1.3.0
*/

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

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

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

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

/* Standard Dokument-Einstellungen */
html  { height: 100%; }
body  { font-family: 'Raleway', sans-serif; font-size: 16px; line-height: 1.4666666667; color: #000; background-color: #fff; font-weight: 400; }

/* Bilder ohne Rahmen und Responsive */
img   { border: 0px; display: block; max-width: 100%; height: auto; }

/* Tabellen ohne Rahmen */
table {	border: 0px; }

/* WP- Bilder - Ausrichtungen */
.alignleft 	 	   { display: inline; float: left; margin-right: 1.5em; }
.alignright  	   { display: inline; float: right; margin-left: 1.5em; }
.aligncenter 	   { clear: both; display: block; margin: 0 auto; }

/* WP-Bilder - Responsive darstellen */
img[class*="align"], img[class*="wp-image-"], .wp-caption img { height: auto; margin-bottom: 1.5em; max-width: 100%; width: auto; }

/* Textauswahl */
*::-moz-selection  { background: #accf94 none repeat scroll 0 0; color: #fff; text-shadow: none !important; }


/* #################
   ## Typographie ##
   ################# */

h1,
h2,
h3,
h4,
h5,
h6,
.navbar .navbar-nav { font-family: 'Raleway', sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6 { line-height: 1.2; }

h1 { font-size: 44px; font-weight: 300; margin-bottom: 20px; text-transform: uppercase; }
h2 { font-size: 28px; margin-bottom: 15px; text-transform: uppercase; }
h3 { font-size: 24px; }
h4 { font-size: 19px; }
h5 { font-size: 15px; text-transform: uppercase; font-weight: 400; margin-top: 20px; }
h6 { font-size: 13px; font-weight: 400; }

.page-height h5 {  margin-bottom: 0;  margin-top: 30px;font-weight: 600; }

h1 strong { font-family: 'Oswald', sans-serif; font-size: 38px; }

/* Standardlinks */
a 		 		  		{ color: #547c2d; outline: 0px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
a:hover  		  		{ color: #accf94; }
a:focus, a:active 		{ color: #accf94; }

/* Absätze */
p 		 		  		{ margin-bottom: 15px; }
p.large 		  		{ font-size: 18px; line-height: 1.4; margin-bottom: 30px; }

/* Slogan */
.site-slogan 	  		{ color: #777; font-size: 11px; font-weight: 300; opacity: 1; padding: 3px 0 0; transition: all 0.3s ease-in-out 0s; }

/* Home Seitentitel */
.page-title 	  		{ margin-top: 0; }

/* Seiten-Mindestabstand */
.page-height			{ min-height: 600px; }

/* Abstände Vertikal */
.pv-40 			  		{ padding-bottom: 40px; padding-top: 40px; }
.pv-30 					{ padding-bottom: 30px; padding-top: 30px; }

/* Abstände Horizontal */
.pr-5-menu  { padding-right: 5px; color: #777; }
.pr-5  		{ padding-right: 5px; }
.pr-10 		{ padding-right: 10px; }

/* Zitate */
blockquote 		  		{ border-left: none; display: inline-block; margin: 20px auto 20px; font-size: 16px; position: relative; padding: 10px 25px; }
blockquote:after  		{ content: "“"; width: 25px; height: 25px; line-height: 36px; font-size: 36px; font-family: 'Raleway', serif; position: absolute; top: 12px; left: 0px; color: #cdcdcd; }
.blockquote:before 		{ font-family: 'Raleway', serif; content: "“"; font-size: 40px; }
blockquote.inline   	{ padding: 0; }
blockquote.inline p 	{ width: 60%; display: inline-block; margin: 0; }
blockquote.inline:after { top: 0; }

/* Trennlinien */
.separator 		 		{ width: 100%; margin: 20px auto 15px; position: relative; height: 1px; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1); }
.separator:after 		{ height: 1px; background: #e8e8e8; background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(35%, rgba(0, 0, 0, 0.09)), color-stop(70%, rgba(0, 0, 0, 0.09)), color-stop(100%, transparent)); background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%); background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%); background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%); background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%); position: absolute; bottom: -1px; content: ""; width: 100%; left: 0; }


/* ####################
   ## Listenelemente ##
   #################### */

ul 						 { list-style: square; }
.list-icons, .list 		 { list-style: none; padding: 0; }
.list-icons li, .list li { padding: 5px 0; }
.list-icons li i 		 { min-width: 25px; text-align: center; }
.list-inline 		 	 { margin-top: 9px; margin-bottom: 8px; }


/* #####################
   ## Layout - Design ##
   ##################### */

.page-wrapper { background-color: #ffffff; }


/* ####################
   ## Website-Loader ##
   #################### */

.pace.pace-inactive 				 	{ display: none; }
.page-loader .page-wrapper 			 	{ opacity: 0; filter: alpha(opacity=0); }
.page-loader.pace-done .page-wrapper 	{ opacity: 1; filter: alpha(opacity=100); -webkit-transition: ease-in-out opacity 0.2s; -o-transition: ease-in-out opacity 0.2s; transition: ease-in-out opacity 0.2s; }
.page-loader .pace 					 	{ -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-perspective: 12rem; -moz-perspective: 12rem; -ms-perspective: 12rem; -o-perspective: 12rem; perspective: 12rem; z-index: 2000; position: fixed; height: 6rem; width: 6rem; margin: auto; top: 0; left: 0; right: 0; bottom: 0; }
.page-loader .pace .pace-progress 	 	{ position: fixed; z-index: 2000; display: block; position: absolute; left: 0; top: 0; height: 6rem; width: 6rem !important; line-height: 6rem; font-size: 2rem; border-radius: 50%; background: #547c2d; color: #ffffff; font-family: 'Raleway', sans-serif; font-weight: 100; text-align: center; -webkit-animation: pace-theme-center-circle-spin linear infinite 2s; -moz-animation: pace-theme-center-circle-spin linear infinite 2s; -ms-animation: pace-theme-center-circle-spin linear infinite 2s; -o-animation: pace-theme-center-circle-spin linear infinite 2s; animation: pace-theme-center-circle-spin linear infinite 2s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }
.page-loader .pace .pace-progress:after { content: attr(data-progress-text); display: block; }

@-webkit-keyframes pace-theme-center-circle-spin { from { -webkit-transform: rotateY(0deg); } to { -webkit-transform: rotateY(360deg); } }
@-moz-keyframes pace-theme-center-circle-spin { from { -moz-transform: rotateY(0deg); } to { -moz-transform: rotateY(360deg); } }
@-ms-keyframes pace-theme-center-circle-spin { from { -ms-transform: rotateY(0deg); } to { -ms-transform: rotateY(360deg); } }
@-o-keyframes pace-theme-center-circle-spin { from { -o-transform: rotateY(0deg); } to { -o-transform: rotateY(360deg); } }
@keyframes pace-theme-center-circle-spin { from { transform: rotateY(0deg); } to { transform: rotateY(360deg); } }


/* ######################
   ## header - Sektion ##
   ###################### */

.header 				 { border-bottom: 1px solid #f1f1f1; background-color: #fff; }
.header-top 			 { font-size: 12px; color: #777777; font-weight: 400; background-color: #f2f2f2; border-bottom: 1px solid #d0d0d0; padding: 4px 0; }
.header-top .list-inline { display: inline-block; }
.text-muted 			 { color: #999999; }
.link-dark 				 { color: #333333; text-decoration: none !important; }
.link-dark:hover 		 { color: #333333; text-decoration: underline !important; }
.header-left 			 { padding: 20px 0 10px 0; }
.header-right 			 { position: relative; padding-top: 0; }
.header.header-small 	 { padding: 10px 0; }
.header .logo img 		 { width: 225px; height: 42px; }

/* header - Transparent */
.transparent-header .header-top 											  { z-index: 103; position: relative; }
.transparent-header header.header.transparent-header-on 					  { z-index: 22; position: absolute; width: 100%; left: 0; background-color: rgba(255, 255, 255, 0.92); border-bottom: 1px solid rgba(0, 0, 0, 0.07); border-top-color: #a0a0a0; }
.transparent-header .header-top.colored + header.header.transparent-header-on { border-top-color: transparent; }
.transparent-header header.header.dark.transparent-header-on 				  { background-color: rgba(57, 66, 69, 0.8); border-top-color: rgba(37, 42, 44, 0.5); }

.transparent-header.gradient-background-header header.header.transparent-header-on {
	background: -moz-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0.05) 85%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0.05) 85%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0.05) 85%, rgba(255, 255, 255, 0) 100%);
	border-bottom: none;
	border-top: none;
}

.transparent-header.gradient-background-header header.header.dark.transparent-header-on {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.05) 85%, transparent 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.05) 85%, transparent 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.05) 85%, transparent 100%);
	border-bottom: none;
	border-top: none;
}

/* Navigation - Fixed */
.fixed-header-on .header.fixed,
.fixed-header-on header.header.transparent-header-on { position: fixed; width: 100%; top: 0; left: 0; z-index: 1006; opacity: 0; filter: alpha(opacity=0); -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); }

.fixed-header-on .header.fixed 						 { border-bottom: 1px solid #f1f1f1; background-color: rgba(255, 255, 255, 0.95); }
.fixed-header-on .header .logo 						 { margin: 0px 0 -5px 0; display: none; }
.fixed-header-on .header .logo img 					 { max-height: 30px; }
.fixed-header-on .header.fixed-before .logo img 	 { max-height: none; }

.fixed-header-on .header .site-slogan,
.fixed-header-on .header.centered .header-left 		 { display: none; }
.fixed-header-on .header.fixed.animated 	   		 { -webkit-animation-duration: 0.4s; animation-duration: 0.4s; }


/* Hauptnavigation */
.navbar.navbar-default 										   { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 10px 0 15px; border-color: #ededed; background-color: #fafafa; font-weight: 400; }

/* 1. Level-Element */
.navbar-default .navbar-nav > li > a 						   { color: #333333; font-size: 16px; padding: 10px 15px 10px 15px; z-index: 102; border: none; border-bottom: 1px solid transparent; border-right: 1px solid transparent; border-left: 1px solid transparent; -webkit-transition: none; -o-transition: none; transition: none; }
.main-navigation.animated .navbar-default .navbar-nav > li > a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.transparent-header .header .navbar-nav > li:not(.active) > a  { color: #000000; }
.navbar-default .navbar-nav > li.dropdown > a 				   { padding-right: 20px; }

/* 1. Level-Element hover und focus Status */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus 			   { background-color: transparent; color: #547c2d; }

.transparent-header .header .navbar-nav > li.open > a,
.transparent-header .header .navbar-nav > li > a:hover,
.transparent-header .header .navbar-nav > li > a:focus 		   { color: #547c2d; }

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .anchor-scroll > a, .navbar-default .navbar-nav > .anchor-scroll > a:focus {
    background-color: transparent;
    color: #000 !important;
}
.navbar-default .navbar-nav > .anchor-scroll > a:hover {
    background-color: transparent;
    color: #547c2d !important;
}

/* first level menu item - opened */
.main-navigation .navbar-nav > .open > a,
.main-navigation .navbar-nav > .open > a:hover,
.main-navigation .navbar-nav > .open > a:focus,
.main-navigation .navbar-nav > .dropdown > a:focus 			   { background-color: #ffffff; color: #547c2d; border-bottom-color: #ffffff; border-right: 1px solid #f5f5f5; border-left: 1px solid #f5f5f5; z-index: 106; }

/* first level active menu item when clicked */
.main-navigation .navbar-nav > .open > a:active,
.main-navigation .navbar-nav > .open.active > a:active 		   { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.main-navigation .navbar-nav > .open > a:active + ul,
.main-navigation .navbar-nav > .open.active > a:active + ul    { display: none; }

/* 2. Level */
.main-navigation .dropdown-menu 							   { z-index: 105; top: 100%; }
.dropdown-menu .divider 									   { background-color: #ededed; }
.dropdown-menu 												   { min-width: 220px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding: 0; margin: 0; background-color: #ffffff; -webkit-box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.06); box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.06); border: 1px solid #f1f1f1; z-index: 101; }

/* 2. Level-Element */
.dropdown-menu > li > a 								 	   { padding: 10px 20px; font-size: 14px; color: #333333; border-bottom: 1px solid #f7f7f7; -webkit-transition: none; -o-transition: none; transition: none; position: relative; }

/* second level menu item on focus/hover and when opened */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu .menu > .active > a,
.dropdown-menu .menu > .active > a:hover,
.dropdown-menu .menu > .active > a:focus 					   { background-color: #fcfcfc; color: #accf94; border-color: #f7f7f7; }

/* 3. Level */
.dropdown-menu .dropdown-menu 								   { top: -1px; left: 100% !important; right: auto; border-top: 1px solid #f7f7f7; }

/* Pfeil */
.dropdown > a:before 									       { font-family: 'FontAwesome'; content: "\f107"; position: absolute; left: auto; top: 36px; right: 6px; line-height: 1; color: #d1d1d1; font-size: 14px; }

.header .active.dropdown > a:before 						   { color: #547c2d; }

.transparent-header .header .dropdown:not(.open):not(.active) > a:before 			{ color: #777777; }
.navbar-default .navbar-nav > .dropdown.open > a:before 				 			{ color: #eaeaea; }
.transparent-header .header .navbar-default .navbar-nav > .dropdown.open > a:before { color: #547c2d; }
.dropdown .dropdown > a:before 														{ content: "\f105"; right: 10px; top: 13px; margin-left: 0; visibility: visible; color: #666; }
.dropdown .dropdown.open > a:before 												{ color: #547c2d; }

/* Dropdown-Animationen */
.animated.main-navigation .navbar-nav .open .dropdown-menu 							{ -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUpSmall; animation-name: fadeInUpSmall; }

/* Sprachen-Symbole */
.navbar-default ul li.wpml-ls-item a 				 								{ padding: 32px 5px 27px; }
.navbar-default ul li.wpml-ls-item a:hover 	    	 								{ background: none !important; }
.menu-item-language img.iclflag 							 						{ height: 12px !important; width: 18px !important; }

/* Mobil-Navigation */
.navbar-default .navbar-toggle 		 	 	   										{ border-color: #ccc; }

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus 	 	   										{ background-color: #fafafa; border-color: #547c2d; }
.navbar-default .navbar-toggle .icon-bar 	   										{ background-color: #ccc; }

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar 										{ background-color: #547c2d; }


/* ###########
   ## Suche ##
   ########### */

.transparent-header .header-dropdown-buttons .btn-group > .btn 		{ background-color: transparent; border: 1px solid #999999; color: #000000; }
.header-dropdown-buttons .btn-group > .btn 							{ -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; width: 30px; padding: 0; line-height: 27px; text-align: center; background-color: #f2f2f2; border: 1px solid #e9e9e9; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin: 0; }
.header-dropdown-buttons .btn-group > .btn:hover 					{ background-color: #547c2d; color: #ffffff; border-color: #accf94; }
.header-dropdown-buttons .btn-group .dropdown-menu 					{ z-index: 103; padding: 20px; min-width: 280px; margin-top: 26px; top: 100%; border: none; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.header-dropdown-buttons .btn-group.open > .btn 					{ background-color: #547c2d; color: #ffffff; border-color: #accf94; }
.header.centered .header-dropdown-buttons .btn-group .dropdown-menu { margin-top: 8px; }
.btn-group.open .dropdown-animation 								{ -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn; }

.form-control-feedback 			{ width: 40px; height: 40px; line-height: 34px !important; top: 0; color: #777777; }
.search-box .form-group 		{ margin-bottom: 0; }
.header-top .btn-group 			{ margin: 3px 0 2px; }
.header-top .btn-group .btn 	{ margin: 0; text-decoration: none; }
.search-box 					{ margin-top: 0 !important; margin-bottom: 0 !important; }

.search-box .form-control		{ border: 1px solid #e1e9eb; border-radius: 0px; }
.search-box .form-control:focus { background-color: #fffff4; outline: 0; border-color: #e1e9eb; -moz-box-shadow: 0 0 3px rgba(0,0,0,.24); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.24); box-shadow: 0 0 3px rgba(0,0,0,.24); }

/* Suchergebnisse */
.search-post-link 	 { text-align: left; display: block; }
.search-post-link i  { font-size: 14px; }
.search-post-excerpt { text-align: left; display: block; }
.search-separator 	 { margin-top: 18px; padding-bottom: 8px; border-top: 1px solid #eaeaea; }
.search-terms		 { font-weight: 700; }

/* ##########################
   ## Allgemeine Sektionen ##
   ########################## */

.sektion { padding-bottom: 80px; }


/* ################
   ## Leistungen ##
   ################ */

.services 		   { position: relative; padding-top: 120px; padding-bottom: 40px; }
.services img 	   { width: 365px; height: auto; margin: 0 auto; }

.services a 	   { color: #000; font-size: 20px; text-decoration: underline; line-height: 1em; font-weight: bold; outline: 0px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.services a:hover  { color: #547c2d; text-decoration: none; }
.services a:focus  { color: #547c2d; }
.services a:active { color: #547c2d; }

.fly-link-1 	   { position: absolute; top: 150px; left: 240px; width: 120px; text-align: center; }
.fly-link-2 	   { position: absolute; top: 170px; right: 260px; width: 120px; text-align: center; }
.fly-link-3 	   { position: absolute; top: 340px; right: 260px; width: 120px; text-align: center; }
.fly-link-4 	   { padding-top: 20px; text-align: center; }


/* ##############
   ## Business ##
   ############## */

.business 		 { margin-top: 40px; }
.business-item 	 { position: relative; background-color: #c3d2d8; color: #000; border-radius: 50%; width: 180px; height: 180px; margin: 0 auto; }
.business-item p { font-size: 13px; text-align: center; padding: 70px 10px 10px 10px; }
.business-title  { position: absolute; left: 82px; top: 10px; font-size: 30px; font-weight: bold; text-align: center; }
.business-circle { position: absolute; left: 70px; top: 15px; background-color: #fff; line-height: 34px; width: 40px; height: 40px; border-radius: 50%; }


/* ##############
   ## Netzwerk ##
   ############## */

.network		 		 { margin-top: 20px; }
.network img  	 		 { border-radius: 50%; }
.network-item 	 		 { width: 200px; margin: 0 auto; }
.network-item h5 		 { font-weight: 600; font-size: 20px; text-align: center; }
.network-item p  		 { text-align: center; font-size: 14px; }
.item 		  	 		 { margin-bottom: 20px; }

.network-button {}
.network-button 						  { -moz-user-select: none; border-radius: 10px; display: table; font-size: 14px; font-weight: 500; line-height: 1.46667; margin: 0 auto; padding: 8px 16px; text-align: center; vertical-align: middle; white-space: nowrap; background-color: #547c2d; border-color: #547c2d; color: #fff; }
.network-button:hover 					  { background-color: #accf94; color: #fff; text-decoration: none; }
.network-button:focus, .phone-link:active { background-color: #accf94; color: #fff; text-decoration: none; }

/* Netzwerk Seite */
.sektion-network 		 { padding-bottom: 40px; }
.network-page h3 		 { margin-top: 0; }
.network-page img  	 	 { border-radius: 50%; border: 1px solid #e8e8e8; }
.network-page-item 	 	 { width: 200px; margin: 0 auto; }

/* Trennlinien */
.network-separator 		 { width: 100%; margin: 20px 20px 30px 20px; position: relative; height: 1px; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1); }
.network-separator:after { height: 1px; background: #e8e8e8; background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(35%, rgba(0, 0, 0, 0.09)), color-stop(70%, rgba(0, 0, 0, 0.09)), color-stop(100%, transparent)); background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%); background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%); background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%); background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%); position: absolute; bottom: -1px; content: ""; width: 100%; left: 0; }


/* ####################
   ## Telefon Button ##
   #################### */

.phone-button 						  { padding-top: 20px; }
.phone-link 						  { -moz-user-select: none; border-radius: 10px; display: table; font-size: 24px; font-weight: 700; line-height: 1.46667; margin: 0 auto; padding: 10px 50px; text-align: center; vertical-align: middle; white-space: nowrap; background-color: #547c2d; border-color: #547c2d; color: #fff; }
.phone-link:hover 					  { background-color: #accf94; color: #fff; text-decoration: none; }
.phone-link:focus, .phone-link:active { background-color: #accf94; color: #fff; text-decoration: none; }


/* ########################
   ## Sektion - Parallax ##
   ######################## */

.parallax 			{ min-height: 450px; padding-top: 60px; padding-bottom: 140px; }
.parallax p			{ font-size: 48px; font-weight: 700;  line-height: 1em;}

.no-touch .parallax,
.no-touch .fixed-bg { background-attachment: fixed; }

.default-hovered 			   	 { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.bg-parallax .separator::after   { background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0; }
.bg-parallax::after 			 { backface-visibility: hidden; content: ""; height: 100%; left: 0; position: absolute; top: 0; transform: translateZ(0px) scale(1, 1); transition: all 0.2s ease-in-out 0s; width: 100%; z-index: 2; }
.bg-parallax 					 { background-position: 50% 0; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative; z-index: 1; }

.bg-parallax,
.bg-parallax h1,
.bg-parallax h2,
.bg-parallax h3,
.bg-parallax h4,
.bg-parallax h5,
.bg-parallax h6 { color: #ffffff; }

.bg-parallax a:not(.btn) 	   { text-decoration: underline; color: #ffffff; }
.bg-parallax a:not(.btn):hover { text-decoration: none; color: #ffffff; }
.bg-parallax > div 			   { z-index: 3; position: relative; }


//*	#####################
	## Kontaktformular ##
	##################### */

/* Inputfelder fomatieren */
.wpcf7-form .form-group 													{ margin-bottom: 5px !important; }
.wpcf7-form .form-control 													{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
.wpcf7-form .form-control:focus 											{ border-color: #547c2d; }
.wpcf7-form label 															{ cursor: pointer; }

/* Textfeld formatieren (Mindesthöhe) */
.wpcf7-form textarea.form-control											{ min-height: 300px; resize: none; }

/* Eigene Ladeanimation für das Kontaktformular */
div.wpcf7 .ajax-loader 														{ float: right; margin-top: 24px; background-image: url('img/ajax-loader.gif'); width: 24px; height: 24px; }

/* Checkbox - Datenschutz */
.wpcf7-form .wpcf7-acceptance label 										{ position: relative; cursor: pointer; line-height: 19px; }
.wpcf7-form .wpcf7-acceptance input[type=checkbox] 							{ position: relative; visibility: hidden; }
.wpcf7-form .wpcf7-acceptance span.wpcf7-list-item 							{ margin: 0 0 0 .5em; }
.wpcf7-form .wpcf7-acceptance input[type=checkbox] + span					{ padding-left: 10px; font-size: 14px; font-weight: 400 !important; }
.wpcf7-form .wpcf7-acceptance input[type=checkbox] + span p 				{ }
.wpcf7-form .wpcf7-acceptance input[type=checkbox] + span:before			{ display: block; position: absolute; content: ''; border-radius: 0; height: 16px; width: 16px; top: 5px; border: 2px solid #ced4da; }
.wpcf7-form .wpcf7-acceptance input[type=checkbox] + span:after 			{ display: block; position: absolute; top: 5px; left: 2; visibility: hidden; border-radius: 0; border: 8px solid #547c2d; }
.wpcf7-form .wpcf7-acceptance input[type=checkbox]:checked + span:before 	{ background: transparent; border-color: #547c2d; }
.wpcf7-form .wpcf7-acceptance input[type=checkbox]:checked + span:after 	{ visibility: visible; }
.wpcf7-form div.wpcf7-validation-errors, div.wpcf7-acceptance-missing 		{ border: 2px solid #f00; }
.wpcf7-form .contact-note p 												{ padding-left: 8px; font-size: 14px; margin-bottom: 0; line-height: 19px; }

/* Button */
.wpcf7-form .btn-lg 		{ font-family: 'Raleway', sans-serif; border: 0px; background-color: #547c2d; color: #fff; margin-top: 10px; padding: 10px 30px; font-size: 16px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; }
.wpcf7-form .btn-lg:focus	{ background-color: #accf94 !important; color: #fff; box-shadow: none !important; }
.wpcf7-form .btn-lg:active	{ background-color: #accf94 !important; color: #fff; box-shadow: none !important; }
.wpcf7-form .btn-lg:hover	{ background-color: #accf94; color: #fff; }


/* ############################
   ## Pfeil zum Seitenanfang ##
   ############################ */

.scrollToTop 				 { color: #ffffff; position: fixed; bottom: 5px; right: 5px; width: 40px; height: 40px; text-align: center; cursor: pointer; background-color: rgba(0, 0, 0, 0.4); z-index: 1005; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0; filter: alpha(opacity=0); }
.scrollToTop i 	   			 { line-height: 40px; font-size: 24px; }
.scrollToTop:hover 			 { background-color: rgba(0, 0, 0, 0.6); }

.scrollToTop.fadeToTop 		 { -webkit-animation-name: fadeToTop; animation-name: fadeToTop; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@-webkit-keyframes fadeToTop {
	0%   { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
	100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeToTop {
	0%   { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
	100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; }
}

.scrollToTop.fadeToBottom 		{ -webkit-animation-name: fadeToBottom; animation-name: fadeToBottom; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@-webkit-keyframes fadeToBottom {
	0% 	 { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
	100% {	opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}
@keyframes fadeToBottom {
	0% 	 { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
	100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}


/* #################
   ## News - Blog ##
   ################# */

.main-container 	  				 { padding: 50px 0; }
.blog-separator 	  				 { width: 100%; margin-bottom: 15px; position: relative; height: 1px; }
.blog-separator:after 				 { height: 1px; background: #d1d1d1; background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, transparent)); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); background: -o-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); position: absolute; bottom: -1px; left: 0px; content: ""; width: 100%; }
.post-date a, .post-date span 		 { color: #798992; font-size: 11px; margin-right: 5px; }
.post-date a > i,.post-date span > i { margin-right: 5px; }

/* Blog */
.blogpost 		 					 { margin: 0 0 70px; }
.blogpost header 					 { padding: 20px 10px 20px; }
.blogpost header h2 				 { font-size: 22px; text-transform: none; margin-top: 0; margin-bottom: 5px; }
.blogpost .post-info 				 { font-size: 12px; color: #aaa; font-weight: 400; }
.blogpost .post-info > span 		 { margin-right: 5px; display: inline-block; }
.blogpost .post-info a 				 { color: #aaa; }
.blogpost .blogpost-content 		 { padding: 0 10px 10px; }
.blogpost .row .blogpost-content 	 { padding-bottom: 0; }
.blogpost footer 					 { font-size: 12px; padding: 10px; color: #aaa; border-top: 1px solid #eaeaea; }
.blogpost .row + footer 			 { padding: 10px 0; }
.blogpost.full 						 { margin-bottom: 30px; }
.blogpost.full header 				 { padding: 0 0 15px 0; }
.blogpost.full .blogpost-content 	 { padding: 0 0 5px; }
.blogpost.full footer 				 { padding: 10px 0; }

/* Blogbilder */
.blogpost img 						 { height: auto; max-width: 100%; width: auto; padding: 5px; background-color: #fff; border: 1px solid #f1f1f1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }
.blogpost img:hover 				 { -webkit-filter: brightness(80%); filter: brightness(80%); }
.blogpost.full img:hover			 { -webkit-filter: brightness(100%); filter: brightness(100%); }

/* Blogseiten */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #547c2d;
	border-color: #547c2d;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: #accf94;
    border-color: #accf94;
    color: #fff;
}

.pagination > li > a, .pagination > li > span {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #547c2d;
}

/* Kalender Widget */
.widget_calendar 				{ float: left; }
#wp-calendar 					{ width: 100%; }
#wp-calendar caption 			{ text-align: right; color: #333; font-size: 12px; margin-top: 0; margin-bottom: 0; padding: 0 !important; }
#wp-calendar thead 				{ font-size: 10px; }
#wp-calendar thead th 			{ padding-bottom: 10px; }
#wp-calendar tbody 				{ color: #aaa; }
#wp-calendar tbody td 			{ background: #f5f5f5; border: 1px solid #fff; text-align: center; padding: 8px; }
#wp-calendar tbody td:hover 	{ background: #fff; }
#wp-calendar tbody .pad 		{ background: none; }
#wp-calendar tfoot #next 		{ font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev 		{ font-size: 10px; text-transform: uppercase; padding-top: 10px; }

/* Sidebar - Widgets */
.widget-area ul 	   			{ list-style-type: none; margin: 0; padding: 0; }
.widget-area li 	   			{ margin-left: 0px; border-bottom: 1px dotted #eaeaea; padding: 6px 0 6px 0; }
.widget-area li:before 			{ font-family: 'FontAwesome'; font-size: 15px; color: #b0b0b0; padding-right: 3px; line-height: 24px; content: "\f138"; vertical-align: top; }
.widget-area .widget   			{ margin-bottom: 1.5em; }
.widget-area .post-date 		{ display: block; margin-top: 0; margin-left: 20px; font-size: 11px; }

.widget_archive ul li a  		{ font-size: 15px; padding-left: 5px; display: inline-block; width: 90%; }
.widget_pages ul li a  			{ font-size: 15px; padding-left: 5px; display: inline-block; width: 90%; }
.widget_recent_entries ul li a 	{ font-size: 15px; padding-left: 0; display: inline-block; width: 90%; }
.textwidget						{ font-size: 15px; }


/* ######################
   ## Sektion - Footer ##
   ###################### */

.footer 		 	   			  { padding: 30px 0; background-color: #fff; border-top: 1px solid #f1f1f1; }
ul.footer-menu 					  { float: right; list-style-type: none; margin: 6px 0 0 0; padding: 0 0 0 5px; }

.footer a 		 		  		  { color: #000; outline: 0px; text-transform: uppercase; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.footer a:hover  		  		  { color: #accf94; text-decoration: none; }
.footer a:focus, .footer a:active { color: #accf94; }


/* ##################
   ## Social Media ##
   ################## */

.social ul    	   	       { overflow: auto; margin: 10px 0 0 0; padding: 0; float: right; }
.social ul li 	   		   { list-style-type: none; float: left; line-height: 40px; }
.social ul li a i 		   { background: #547c2d; color: #fff; width: 40px; height: 40px; border-radius: 20px; font-size: 20px; text-align: center; margin-right: 15px; padding-top: 10px; }
.social ul li a i 		   { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.social p 				   { color: #9a9a9a; margin: 1.6em 0 0; }
.social .fa-facebook:hover { background: #3b5998; }
.social .fa-linkedin:hover { background: #007bb5; }
.social .fa-xing:hover     { background: #007072; }


/*	##################
	## 404 - Fehler ##
	################## */

.error-content    { text-align: center; }
.error-content h1 { margin-bottom: 1.9em; }
.fa-minus-circle  { font-size: 64px; padding-top: 10px; padding-bottom: 10px; color: #912722; }


/*  ##############################
	## Responsive - Anpassungen ##
	############################## */

/* Large Devices less than 1610px */
@media (max-width: 1610px) {

	/* Navigation */
	.dropdown-menu .dropdown-menu.to-left { right: 100% !important; left: auto !important; }

}

/* Large devices (Large desktops 1200px and up) */
@media (min-width: 1200px) {

	/* Navigation */
	.main-navigation .navbar-nav > li				 			 { margin: 0 0 0 10px; }
  	.main-navigation .navbar-nav > li:first-child 				 { margin: 0; }
  	.col-md-3 + .col-md-9 .mega-menu:not(.narrow) .dropdown-menu { left: -293px !important; width: 1140px !important; }

}

/* Medium desktop devices and tablets */
@media (min-width: 992px) and (max-width: 1199px) {

	/* header */
	.header-top 				  { font-size: 11px; }
	.header-top .list-inline > li { padding: 0; }
	.fly-link-1 	   			  { position: absolute; top: 150px; left: 140px; width: 120px; text-align: center; }
	.fly-link-2 	   			  { position: absolute; top: 170px; right: 160px; width: 120px; text-align: center; }
	.fly-link-3 	   			  { position: absolute; top: 340px; right: 160px; width: 120px; text-align: center; }

}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width: 992px) {

	/* header */
	.fixed-header-on .header .logo,
  	.fixed-header-on .header .site-slogan 						 { display: block; }
	.fixed-header-on .header-left 		  						 { padding: 7px 0 0 0; }

	/* Navigation */
	.col-md-3 + .col-md-9 .mega-menu:not(.narrow) .dropdown-menu { left: -243px !important; width: 940px !important; }

	/* Blog */
	.blogpost .row header 										 { padding-top: 0; }
	.blogpost .row + footer 									 { margin-top: 15px; }

}

/* Medium devices (desktops, tablets less than 991px) */
@media (max-width: 991px) {

	.info-box 	{ padding-bottom: 0; }
	.fly-link-1	{ position: absolute; top: 150px; left: 40px; width: 120px; text-align: center; }
	.fly-link-2	{ position: absolute; top: 170px; right: 60px; width: 120px; text-align: center; }
	.fly-link-3	{ position: absolute; top: 340px; right: 60px; width: 120px; text-align: center; }

	/* Navigation */
	.header-right 	   { padding-top: 0; }

}

/* Medium devices (tablets landscape to portrait) */
@media (min-width: 768px) and (max-width: 991px) {

	/* Navigation */
	.header .main-navigation .navbar-nav 												  { float: left !important; }
	body:not(.fixed-header-on) .header .navbar-default .navbar-nav > li > a 			  { border-top: 1px solid transparent; }
  	body:not(.fixed-header-on) .header .main-navigation .navbar-nav > .open > a,
  	body:not(.fixed-header-on) .header .main-navigation .navbar-nav > .open > a:hover,
  	body:not(.fixed-header-on) .header .main-navigation .navbar-nav > .open > a:focus,
  	body:not(.fixed-header-on) .header .main-navigation .navbar-nav > .dropdown > a:focus { border-top: 1px solid #f5f5f5; }
	.navbar-right 																		  { float: none !important; display: table; margin: 0 auto !important; }

	/* Logo */
	.logo 																				  { display: table; margin: 0 auto; }

}

/* Medium desktop devices and tablets */
@media (min-width: 768px) and (max-width: 1199px) {

	/* Navigation */
	.navbar-default .navbar-nav > li > a { font-size: 15px; padding: 28px 10px 27px 10px; }

}

/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {

	/* header */
	.header-left .header-dropdown-buttons 									{ position: absolute; top: 22px; right: 15px; }
	.header-right .header-dropdown-buttons 									{ position: absolute; top: 12px; left: 15px; }
	.transparent-header .header-left 										{ padding: 12px 0 12px; }
	.transparent-header .header-left.visible-xs 							{ padding: 10px 0 3px; }
	.transparent-header .header-right 										{ z-index: 21; }
  	.header.fixed 															{ position: relative !important; top: auto !important; }
	.header.fixed.transparent-header-on 									{ position: absolute !important; }

	/* Navigation - Aktives Element */
  	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus 	{ color: #547c2d; background-color: transparent; }

  	/* 1. Level-Element */
  	.navbar-default .navbar-nav > li > a 								 	{ border-bottom: 1px solid #f3f3f3; }
	.navbar-default .navbar-nav > li:last-child > a 				  	 	{ border-bottom: 1px solid transparent; }

  	/* 1. Level-Element hover und focus Status */
  	.navbar-default .navbar-nav > li > a:hover,
  	.navbar-default .navbar-nav > li > a:focus,
  	.navbar-default .navbar-nav > .active > a,
  	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus 				  	 	{ color: #547c2d; background-color: #ffffff; border-bottom-color: transparent; }

  	/* 2. Level */
  	.navbar-default .navbar-nav .open .dropdown-menu 				  	 	{ background-color: #ffffff; }

  	/* 2. Level-Element */
  	.navbar-default .navbar-nav .open .dropdown-menu > li > a,
  	.navbar-default .navbar-nav .open .dropdown-menu .dropdown-header 	 	{ padding: 12px 15px 12px 40px; color: #333333; border-color: #f9f9f9; }

  	/* 2. Level-Element hover und focus Status */
  	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus   	 	{ color: #547c2d; }

  	/* 3. Level-Element */
  	.navbar-nav .open .dropdown-menu .dropdown-menu > li > a 			 	{ padding-left: 60px; }

  	/* 4. Level-Element */
  	.navbar-nav .open .dropdown-menu .dropdown-menu .dropdown-menu > li > a { padding-left: 80px; }

  	/* Pfeil */
  	.navbar-default .navbar-nav > .dropdown.open > a:before 				{ color: #547c2d; }
  	.dropdown > a:before 													{ color: #999999; top: 14px; right: 32px; }
	.dropdown .dropdown > a:before 											{ right: 36px; }

  	/* Mobil-Menü Transparent */
  	.transparent-header .main-navigation .navbar.navbar-default 			{ background-color: rgba(255, 255, 255, 0.9); position: absolute; width: 100%; }

	/* ship digital */
	.animated-text h2 + h2 													{ display: none; }
	.call-to-action .text-right 											{ text-align: left; }

	/* Logo */
	.logo 																	{ display:table; margin: 0 auto; }

	/* Flaggen - WPML */
	.main-navigation ul li.menu-item-language a 							{ padding: 10px 5px 10px; }

	/* Bubbles - Navigation */
	.arrow_box 				 												{ display: block; position: relative; bottom: 20px; background: #fff; border: 1px solid #f1f1f1; width: 250px; z-index: 2; margin-bottom: 20px; }
	.arrow_box > .navbar-nav 												{ margin: 0; }
	.check:hover .arrow_box  												{ -webkit-animation-duration: 0; animation-duration: 0; -webkit-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-name: none; animation-name: none; }

  	/* Pfeil zum Seitenanfang */
  	.scrollToTop 			 												{ width: 30px; height: 30px; background-color: rgba(0, 0, 0, 0.4); }
	.scrollToTop i 			 												{ line-height: 30px; font-size: 20px; }

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

	/* header */
	.fixed-header-on .header-left 															 { padding: 20px 0 0 0; }
	.fixed-header-on .main-navigation .navbar-nav > li > a 									 { padding-top: 21px !important; padding-bottom: 21px !important; }
  	.fixed-header-on .header .main-navigation .navbar-nav > .dropdown > a:before 			 { top: 24px; }
  	.fixed-header-on .header .main-navigation.with-dropdown-buttons .header-dropdown-buttons { top: 16px; }
  	.header.fixed-before .main-navigation .navbar-nav > .dropdown > a:before,
  	.header.fixed-before .main-navigation.with-dropdown-buttons .header-dropdown-buttons 	 { -webkit-transition: all linear 0.2s; -o-transition: all linear 0.2s; transition: all linear 0.2s; }
	.fixed-header-on .header-dropdown-buttons .btn-group .dropdown-menu		 				 { margin-top: 18px; }
	.fixed.header .main-navigation.animated .navbar-nav > li > a, .header-left 				 { -webkit-transition: padding 0s linear, color 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: padding 0s linear, color 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: padding 0s linear, color 0.2s ease-in-out, background-color 0.2s ease-in-out; }
	.fixed.fixed-before.header .main-navigation.animated .navbar-nav > li > a,
	.fixed-before .header-left 																 { -webkit-transition: padding 0.2s linear, color 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: padding 0.2s linear, color 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: padding 0.2s linear, color 0.2s ease-in-out, background-color 0.2s ease-in-out; }

	/* Navigation */
	.main-navigation .navbar-nav.navbar-right:last-child 									 { margin-right: 0; }
  	.navbar.navbar-default 																	 { background-color: transparent; border: none; margin: 0; }
	.navbar-default .navbar-nav > li > a 													 { padding: 32px 15px 27px 15px; }

  	/* Layout Korrekturen */
  	header .main-navigation .container-fluid 												 { padding-right: 0; padding-left: 0; }
	header .navbar-collapse 																 { padding-right: 0px; padding-left: 0px; }
  	header .main-navigation .navbar-right .dropdown-menu 								 	 { right: auto; left: 0; }
  	header .main-navigation .navbar-right .dropdown-menu-left 								 { right: 0; left: auto; }
  	header .main-navigation .navbar-right > li:last-child > .dropdown-menu 					 { right: 0; left: auto; }

	/* Suche */
	.with-dropdown-buttons .navbar-default .navbar-collapse 								 { padding-right: 45px; }
	.with-dropdown-buttons .header-dropdown-buttons 										 { position: absolute; top: 26px; right: 0; }

	/* Animierter Text */
	.animated-text h2 	   		 															 { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: absolute; top: 0; width: 100%; }
	.animated-text h2 + h2 		 															 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); }
  	.animated-text:hover h2 	 															 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); transform: scale(0.85); }
	.animated-text:hover h2 + h2 															 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

}

/* iphone 6 Quer */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {

	.services img { width: 345px; height: auto; margin: 0 auto; padding-left: 25px; padding-right: 25px; }
	.fly-link-1	  { position: absolute; top: 150px; left: 30px; width: 120px; text-align: center; }
	.fly-link-2	  { position: absolute; top: 160px; right: 30px; width: 120px; text-align: center; }
	.fly-link-3	  { position: absolute; top: 300px; right: 30px; width: 120px; text-align: center; }

}

@media (max-width: 480px) {

	/* Tabs */
	.nav-tabs > li 	   { float: none; }
	.nav-tabs > li > a { border-color: #ddd #ddd transparent; border-radius: 0; margin-right: 0; }

	/* Navigation */
	.header-right 	   { padding-top: 0; }

	/* Leistungen */
	.services 		   { padding-top: 20px; }
	.fly-link-1:before { font-family:'FontAwesome'; content: '\f101'; padding-right: 0.5em; font-size: 18px; font-weight: bold; }
	.fly-link-2:before { font-family:'FontAwesome'; content: '\f101'; padding-right: 0.5em; font-size: 18px; font-weight: bold; }
	.fly-link-3:before { font-family:'FontAwesome'; content: '\f101'; padding-right: 0.5em; font-size: 18px; font-weight: bold; }
	.fly-link-4:before { font-family:'FontAwesome'; content: '\f101'; padding-right: 0.5em; font-size: 18px; font-weight: bold; }
	.fly-link-1 	   { position: relative; width: 90%; left: 20px; top: 0; padding-top: 40px; text-align: left; }
	.fly-link-2 	   { position: relative; width: 90%; left: 20px; top: 0; padding-top: 20px; text-align: left; }
	.fly-link-3 	   { position: relative; width: 90%; left: 20px; top: 0; padding-top: 20px; text-align: left; }
	.fly-link-4 	   { position: relative; width: 90%; left: 20px; top: 0; padding-top: 20px; text-align: left; }

	/* Telefon-Button */
	.phone-link 	   { font-size: 18px; padding: 5px 25px; }

	/* Leistungen - Bild */
	.services a 	   { font-size: 18px; }
	.services img 	   { width: 365px; height: auto; margin: 0 auto; padding-left: 25px; padding-right: 25px; }
	.network-page-item { padding-bottom: 20px; }

	/* Typographie */
	.item 	    	   { margin-bottom: 40px; }
	h1 	  	    	   { line-height: 1em; font-size: 30px; }
	h1 strong   	   { font-size: 28px; }
	.parallax 		   { padding-top: 190px; }
	.parallax p 	   { font-size: 30px; }

	/* Datenschutz */
	.form-check-label  { max-width: 90%; }

}