/*
Theme Name: Incom About
Theme URI: https://about.incom.org
Description:
Version: 1.0
Author: Incom GmbH
Author URI: http://www.incom.org
*/



/* Colors
	 - - - - - - - - - - - - - - - - - - - - */

/*
Light gray:  #f2f2f2;
Middle gray:    #ababab;
Dark gray:      #444;
Turquoise:      #14b8c7;
*/


/* Icons
--------------------------------------------*/
/*
@font-face {
  font-family: 'icomoon';
  src:  url('webfonts/icomoon.eot?j0pu68');
  src:  url('webfonts/icomoon.eot?j0pu68#iefix') format('embedded-opentype'),
	url('webfonts/icomoon.ttf?j0pu68') format('truetype'),
	url('webfonts/icomoon.woff?j0pu68') format('woff'),
	url('webfonts/icomoon.svg?j0pu68#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-right2:before {
  content: "\ea3c";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-twitter:before {
  content: "\ea96";
}
*/

@font-face {
  font-family: 'ff-tisa-web-pro';
  src:  url('webfonts/ff-tisa-web-pro.eot?j0pu68');
  src:  url('webfonts/ff-tisa-web-pro.eot?j0pu68#iefix') format('embedded-opentype'),
	url('webfonts/ff-tisa-web-pro.ttf?j0pu68') format('truetype'),
	url('webfonts/ff-tisa-web-pro.woff?j0pu68') format('woff'),
	url('webfonts/ff-tisa-web-pro.svg?j0pu68#icomoon') format('svg');
  font-weight: normal;

}
/* Reset
	 - - - - - - - - - - - - - - - - - - - - */

h1,
h2,
h3,
h4,
p,
ul,
li {
	margin: 0;
	padding: 0;
	border: 0;
}

a {
	text-decoration: none !important;
	outline: 0;
}

ul li {
	list-style-type: none;
}

:focus {
	outline: 0;
}

button {
	border: 0;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
			border-radius: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img{
	max-width: 100%;
}
#einblicke img{ width: 100%; }

/* Webfonts
	 - - - - - - - - - - - - - - - - - - - - */

/*
 * Camingo
 */

@font-face {
	font-family: "camingo-web";
	src: url("webfonts/camingoweb.eot");
	src: url("webfonts/camingoweb.eot?#iefix") format("embedded-opentype"),
		 url("webfonts/camingoweb.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "camingo-web";
	src: url("webfonts/camingoweb-italic.eot");
	src: url("webfonts/camingoweb-italic.eot?#iefix") format("embedded-opentype"),
		 url("webfonts/camingoweb-italic.woff") format("woff");
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: "camingo-web";
	src: url("webfonts/camingoweb-bold.eot");
	src: url("webfonts/camingoweb-bold.eot?#iefix") format("embedded-opentype"),
		 url("webfonts/camingoweb-bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "camingo-web";
	src: url("webfonts/camingoweb-bolditalic.eot");
	src: url("webfonts/camingoweb-bolditalic.eot?#iefix") format("embedded-opentype"),
		 url("webfonts/camingoweb-bolditalic.woff") format("woff");
	font-weight: 700;
	font-style: italic;
}

/*
 * Incom - Icons
 */

@font-face {
	font-family: "incom-icons";
	src: url("webfonts/incom-icons.eot");
	src: url("webfonts/incom-icons#iefix") format("embedded-opentype"),
		 url("webfonts/incom-icons.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

.icon:before,
.icon:after {
	font-family: "IncomIcons";
	font-style: normal;
	display: inline-block;
	text-align: center;
}

.icon:before {
	margin-right: .75rem;
}

.icon:after {
	margin-left: .75rem;
}



/* Basis
	 - - - - - - - - - - - - - - - - - - - - */

html {
	font-size: 16px !important;
}

body {
	position: relative;
/*	width: 1350px; */
	margin: 0 auto;
	font-family: "ff-tisa-web-pro", serif;
	font-size: 1.375rem;
	font-weight: 300;
	line-height: 1.4;
	color: #444;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-font-feature-settings: "onum";
	 -moz-font-feature-settings: "onum=1";
	 -moz-font-feature-settings: "onum";
		-ms-font-feature-settings: "onum" 1;
			font-feature-settings: "onum";
	font-size: 16px;
}



/* Transitions
	 - - - - - - - - - - - - - - - - - - - - */

a,
a:before,
a:after,
a:hover,
a:hover:before,
a:hover:after {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
a,
a:link,
a:visited {
	outline: none;
	text-decoration: none;
	color: #ababab;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

a:hover{
	box-shadow: inset 0 -6px 0 rgba(247, 186,61, 0.6);
	color: #444;
}



/* Layout
	 - - - - - - - - - - - - - - - - - - - - */



header,
footer,
.plain,
.light {
	box-sizing: border-box;
	padding: 90px 0 20px;
}

header {
	margin-top: 75px;
	padding: 90px 0 100px;
}

section article {
	margin-bottom: 20px;
}

section article:last-of-type {
	margin-bottom: 0;
}


footer .footer-links a:first-of-type{margin-right: 20px;}





/* Typo
	 - - - - - - - - - - - - - - - - - - - - */

.meta,
.img-caption,
.read-more,
.post-categories,
.pill,
.sub-title,
.reference,
footer a,
input,
textarea,
select,
small {
	font-family: "camingo-web", sans-serif;
	font-size: 16px !important;
	font-style: normal;
	color: #ababab;
}



/* Navigation
	 - - - - - - - - - - - - - - - - - - - - */
.container-fluid.container:before{
	 content: "";
	 display: block;
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 left: 0;
	 background: #444;
}

#nav-container{
	position: fixed;
	top: 0px;
	z-index: 10;
	width: 100%;
}
nav {
 /* position: fixed;*/

	display: block;
	z-index: 10;
	top: 0;
	box-sizing: border-box;
	overflow: hidden;
	height: 75px;
	font-family: "camingo-web", sans-serif;

}

nav ul {
	display: table;
	float: right;

}

nav ul li {
	display: table-cell;
	position: relative;
}

nav ul li:first-child:before {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	top: 0;
	width: 100%;
	height: 100%;
	margin-left: -100%;
	background-color: #444;
}


nav ul li:last-child {
	position: relative;
}

nav ul li:last-child:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 100%;
	width: 78px;
	height: 75px;
	background-color: #444;
}

nav ul li a {
	display: block;
	position: relative;
	box-sizing: border-box;
	height: 60px;
	padding: 24px 12px;
	background: #444;
	color: #aeaeae !important;
	box-shadow: none !important;
}

nav a:hover,
nav a.active {
	color: #fff !important;

}

nav a.active {
	position: relative;
	height: 60px;
}

.navbar-collapse.collapse{
	overflow: hidden !important;
	display: none !important;
	height: 1px;
	/*padding-bottom: 0; */
	overflow: hidden !important;
}
.collapse.in{
	overflow: visible !important;
	display: block !important;
	height: auto;
	overflow: visible !important;
}


.navbar-collapse{
	box-shadow: none;
	display: none;
}
.nav>li>a{
	color: #fff;
	font-family: "camingo-web", sans-serif;
	font-size: 1.2rem;
	line-height: 1.5;
	box-shadow: none !important;
}
.nav{
	padding: 30px 10px 10px 18px;
	height: 100vh;
}
.nav li {width: 100%;}
.nav > li > a:hover,
.nav > li > a:focus {
	text-decoration: none;
	background-color: #fff;
	color:#f7ba3d;
	box-shadow: none !important;
}
/*
nav ul li a:before,
nav ul li a.active:before,
nav ul li a.active:after {
	content: "";
	display: block;
	position: absolute;
}

nav ul li a:before {
	top: 60px;
	left: 0;
	width: 100%;
	height: 15px;
	background: #444;-shadow
}

nav ul li a.active:before,
nav ul li a.active:after {
	top: 60px;
	width: 50%;
	height: 15px;
}

nav ul li a.active:before {
	left: -6px;
	-webkit-transform: skew(-40deg);
	 -moz-transform: skew(-40deg);
		 -o-transform: skew(-40deg);
		-ms-transform: skew(-40deg);
			transform: skew(-40deg);
}

nav ul li a.active:after {
	right: -6px;
	-webkit-transform: skew(40deg);
	 -moz-transform: skew(40deg);
		 -o-transform: skew(40deg);
		-ms-transform: skew(40deg);
			transform: skew(40deg);
	background-color: #444;
}
*/
/***********                        ******/
#logo-header{

	display:block;
}
#logo-header.active:before{
	content: '';
		 position: absolute;
		 left: 68%;
		 top: 56%;
		 width: 0;
		 height: 0;
		 border-left: 16px solid transparent;
		 border-right: 16px solid transparent;
		 /*border-bottom: 16px solid rgba(247,186,61,0.2);*/
		 border-bottom: 16px solid #745842;
		 clear: both;
}
/* rgba(247,186,61,0.5)
#f7ba3d
#logo-header.active:before,
#logo-header.active:after{
	content: "";
	display: block;
	position: absolute;
}


#logo-header.active:before,
#logo-header.active:after{
	top: 30px;
	width: 50%;
	height: 15px;
}

 #logo-header.active:before{
	left: -6px;
	-webkit-transform: skew(-40deg);
	 -moz-transform: skew(-40deg);
		 -o-transform: skew(-40deg);
		-ms-transform: skew(-40deg);
			transform: skew(-40deg);
}
#logo-header.active:after{
	right: -6px;
	-webkit-transform: skew(40deg);
	 -moz-transform: skew(40deg);
		 -o-transform: skew(40deg);
		-ms-transform: skew(40deg);
			transform: skew(40deg);
	background-color: #444;
}
*/


#mobile-nav {
	display: none
}


/* utilities ***/
.dark{background:#444;  color: #fff; border-top: 1px solid #8F8F8b;}
.dark h2{color: #f7ba3d;}
.hell{background:#f2f2f2;   color: #444;}
.orange{background:#f7ba3d; color: #fff;}
.orange a{color: #444;}


/* Header
	 - - - - - - - - - - - - - - - - - - - - */

/*
 * Logo
 */

#logo,
#logo-header {
	display: block;
}

#logo-header {
	position: absolute;
	top: 25px;
	left: 0;
	z-index: 20;
	opacity: 1;
	-webkit-transition: .75s;
		 -o-transition: .75s;
			transition: .75s;
}
#logo-header:hover{
	box-shadow: none !important;
}
#logo-header img {
	width: auto;
	height: 24px;
}

.offset #logo-header {
	opacity: 1;
	-webkit-transition: .75s;
		 -o-transition: .75s;
			transition: .75s;
}

#logo {
	float: left;
}

#logo img {
	width: auto;
	height: 42px;
}


/*
 * Site description
 */

#site-description {
	float: left;
	margin-top: 4px;
	width: 500px;
	font-size: 1.75rem;
	line-height: 1.3em;
	font-style: italic;
	letter-spacing: -.01em;
}



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

/*
 * Header
 */

.social-media {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}

.social-media a {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-left: 4px;
	border-radius: 20px;
	background-color: #f2f2f2;
	border: 0 !important;
	color: #d3d3d3;
}

.social-media a:before {
	width: 100%;
	margin-top: 4px;
	margin-right: 0;
	font-size: 28px;
}

a.fb:before {
	content: "\e001";
}

a.twitter:before {
	content: "\e002";
}

a.gplus:before {
	content: "\e003";
}

a.github:before {
	content: "\e004";
}

a:hover:before {
	color: #ababab;
}

/*
 * Post
 */

.post .social-media {
	position: absolute !important;
	top: auto;
	right: auto;
	bottom: .75rem;
	left: 0;
	margin-left: -410px;
}

.post .social-media a {
	background-color: #14b8c7;
	color: #fff;
	line-height: 1.4;
}

.post .social-media a:hover {
	background: #ababab;
}

.post .social-media a:hover:before {
	color: #fff;
}



/* Headlines
	 - - - - - - - - - - - - - - - - - - - - */

h1 {
	/*font-family: "ff-tisa-web-pro", serif;
	font-size: 2.5rem;
	font-weight: 700;
	letter-spacing: -.02em;
	line-height: 1.2em;
	color: #444;*/
	margin-bottom: .75rem;
	font-family: "camingo-web", sans-serif;
	font-size: 1.875rem;
	font-weight: 700;
	line-height: 1.2em;
	color: #444;
}

h2 {
	margin-bottom: .75rem;
	font-family: "camingo-web", sans-serif;
	font-size: 1.875rem;
	font-weight: 700;
	line-height: 1.2em;
	color: #444;
}

h3,
thead {
	margin-bottom: 1.4rem;
	font-size: 1.425rem;
	font-weight: 300;

	letter-spacing: -.02em;
}

.divider:after {
	content: "";
	display: block;
	width: 50px;
	height: 1px;
	margin: 1rem 0 2.5rem;
	background: #f7ba3d;
}

.sub-title{
	margin:40px 0;
}
.sub-title.divider:after {
	margin: .5rem 0 1.5rem;
}

.orange .divider:after {
	background: #8F8F8b;
}
.orange .sub-title{color: #8F8F8b !important;}
.orange h2 a{color: #fff !important;}

.orange h2 a:hover{
	/*border-bottom: 1px  solid #f7ba3d;*/
	/*box-shadow: inset 0 -12px 0 rgba(171, 171,171, 0.6);*/
	box-shadow: inset 0 -12px 0 rgba(143, 143,139, 0.6);
	color: #444;
}

.social-media .divider:after {
	margin: 1rem 0 2.5rem auto;
}

h2 a {
	color: #444;
}

h2 a:hover {
	color: #444;
}
.abstract{
	color: #f7ba3d;
	font-size: 1.5rem;
	/*font-style: italic;*/
	font-family: "ff-tisa-web-pro", serif;
	font-weight: 500;
	letter-spacing: -.02em;
	line-height: 1.2em;
	margin-bottom: 1.5rem;

}

article {hyphens: auto;}


/* Text elements
	 - - - - - - - - - - - - - - - - - - - - */

p {
	margin-bottom: .7rem;
}

/*
 * Read more link / arrows
 */

a.read-more {
	float: right;
	margin-top: 2rem;
	margin-right: 2rem;
	color: #14b8c7 !important;
}

a.read-more:hover {
	color: #ababab !important;
}

a.arrow-right:before,
a.read-more:before {
	content: "\e007";
}

a.arrow-right:before {
	margin-left: .5rem;
	color: #14b8c7;
}

a.arrow-right:hover:before {
	color: #ababab;
}

/*
 * Cite
 */

cite {
	display: block;
	margin-top: 2.5rem;
	margin-bottom: 1rem;
	font-size: 1.625rem;
	font-weight: 300;
	font-style: italic;
	color: #14b8c7;
}

cite:before {
	content: "» ";
	margin-left: -.666em;
	margin-top: 1rem;
}

.post p.reference {
	margin-bottom: 2.5rem;
}

/*
 * Code
 */

code {
	color: #a2a2a2;
	font-size: 1rem;
	background: #fff;
	border-radius: 1rem;
	padding: .25rem .5rem;
}

pre {
	background:#fff;
	padding: 1rem;
	border-radius: 1rem;
	margin: 2rem -1rem;
	overflow-y: auto;
	line-height: 1;
}

pre code {
	background: 0;
	border-radius: 0;
	padding: 0;
}



/* Form fields
	 - - - - - - - - - - - - - - - - - - - - */

input,
textarea,
select {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	border: 1px solid #f2f2f2;
	border-radius: 6px;
	color: #444 !important;
	margin-bottom: 20px;
}

input {

	padding: .5rem 2rem .5rem .5rem;
}

textarea {

	height: 340px;

	padding: 1rem 3rem 1rem 1.5rem;
}

input:focus,
textarea:focus {
	border-width: 1px;
	border-style: solid;
}

input[type="submit"],
.submit-btn {
	width: auto;

	border: 0;
	cursor: pointer;
	color: #fff !important;
	background: #f7ba3d;
	font-family: "camingo-web", sans-serif;
	font-size: 16px !important;
	font-style: normal;
}

input[type="submit"]:hover {
	background: #f7ba3d;
}

input#url {
	margin-right: 0;
}

input:focus,
textarea:focus,
select .form-control:focus {
	border-color: #f7ba3d !important;
}
.error{
	border: 1px solid #AE4927;
}
.feedback{
	background-color: #f7ba3d;
	color: #fff;
	padding: 4rem 2rem;
	text-align: center;
	font-family: "camingo-web", sans-serif;
	font-size: 24px !important;
	font-style: normal;

}

/* overide bootstrap */
.form-control{
	width: 100%;
	height: 42px;
	color: #444 !important;
	outline: none;
	border: 1px solid #f2f2f2;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

}


.form-control:focus {
	outline-color: #f7ba3d;
	outline:none;
	border-color:#f7ba3d;
	box-shadow:0 0 1px #fff;
}

.required {
	display: inline-block;
	width: .666em;
	height: .75em;
	background-image: url("img/required.svg");
	background-size: 5px 5px;
	background-position: center center;
	background-repeat: no-repeat;
}

[aria-required="true"] {
	background-image: url("img/required.svg");
	background-size: 5px 5px;
	background-position: right 1rem center;
	background-repeat: no-repeat;
}

textarea[aria-required="true"] {
	background-position: right 1.5rem top 1.5rem;
}



/* Tables
	 - - - - - - - - - - - - - - - - - - - - */

table {
	margin-bottom: 3rem;
}

td {
	padding: 1.5rem 0;
	border-right: 10px solid #f2f2f2;
	border-bottom: 1px solid #c7c7c7;
	vertical-align: top;
	padding-right: 1rem;
}

tr > td:last-child {
	border-right: 0;
}

table td:first-child code {
	margin-left: -.5rem;
}

thead   {
	margin-top: 3rem;
	margin-bottom: 1.5rem;
	font-size: 1.625rem;
	font-weight: 300;
	font-style: italic;
}



/* Numeration
	 - - - - - - - - - - - - - - - - - - - - */

ul.list,
ol.list {
	margin-top: 1.5rem;
	margin-bottom: 3rem;
}

ul.list li:before {
	display: inline-block;
	content: "";
	width: .5rem;
	height: .5rem;
	background: #ababab;
	border-radius: 1rem;
	margin-left: -1.5rem;
	margin-right: 1rem;
	margin-bottom: .25rem;
}

ol.list {
	list-style-type: none;
	padding: 0;
	counter-reset: li-counter;
}

ol.list > li {
	position: relative;
	padding-left: 2.75rem;
	margin-bottom: .7rem;
}

ol.list > li:before {
	position: absolute;
	top: 1px;
	left: 0;
	box-sizing: border-box;
	border-radius: 50%;
	width: 1.5em;
	height: 1.5em;
	font-size: 1.25rem;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	color: #fff;
	content: counter(li-counter);
	counter-increment: li-counter;
	background: #ababab;
	-webkit-font-feature-settings: "tnum";
	 -moz-font-feature-settings: "tnum=1";
	 -moz-font-feature-settings: "tnum";
		-ms-font-feature-settings: "tnum" 1;
			font-feature-settings: "tnum";
}



/* Content
	 - - - - - - - - - - - - - - - - - - - - */
.abstand-navi{padding-top: 75px;}
.center{text-align: center;}

#mood-start {

	position: relative;
	background-image: url('img/Incom-MockUp-Extended-3.jpg');
	background-repeat: no-repeat;
	background-size: cover; /*100% 100%;*/
}
#mood-start img{
	max-width:100%;

}
#mood-start-overlay{
	/*position: absolute;
	z-index: 3;
	top: 18%;
	right: 0;
	left: 0;*/
	position: relative;
	padding-top: 130px;
	height: 100vh;
	color: #fff;
	font-family: "camingo-web", sans-serif;

}
.containing{
	position: relative;
}
#mood-start-overlay p{
	padding-top: 30px;
	color: #f7ba3d;
	font-size: 1.5rem;

	font-family: "ff-tisa-web-pro", serif;
	font-weight: 500;
	letter-spacing: -.02em;
	line-height: 1.2em;
	/*font-style: italic;*/
}
.mood-overlay-unten{
	max-width: 78%;
	position: absolute;
	bottom: 40px;
	left: 15px;
	right: 15px;
}
.mood-overlay-unten span{font-size: 0.9rem; color: #ababab;}
.manifesto{

	font-style: italic;
	color: #ababab;
	/*font-family: "ff-tisa-web-pro", serif; */
	font-family: "camingo-web", sans-serif;
	font-size: 1.8rem;
	line-height: 1.4em;
	font-weight: 400;
	/*letter-spacing: -.02em;*/

	margin-bottom: 1rem;

}
.manifesto p{margin-bottom: 1.8rem;}


/*
 * pills
 */
ul.pills{
	margin-top: 1.1rem;
}
ul.pills li{
	display: inline-block;
		margin-bottom: .5rem;
		/*padding: .125rem 1rem .188rem; */
		padding: 0.3rem 1rem .1rem;
		background: #f7ba3d;
		border-radius: 1.124rem;
		max-width: 95%;
}

ul.pills li a{
	color: #fff;
	font-size: 1rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow-x: hidden;
	white-space: nowrap;
	max-width: 100%;
	display: inline-block;
}

ul.pills li a:hover {
	color: #444;
}
/* für weissensee ??? */
.gespiegelt{
	transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	display: inline-block;
	margin-left: -3.5px;
}
#facts{
	padding-top: 120px;
	padding-bottom: 80px;
}
#facts h3{
	margin-bottom: 1rem;
	font-size: 1.1rem;
	font-weight: 600;
	letter-spacing: -.02em;
}
#facts p{margin-bottom: 20px;}
.text{
	padding-right: 4.5rem;
}
#cfa .text{padding-right: 6.5rem;}
.abstand{ margin-bottom: 60px; }
.bullet-container{}
.bullet{
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background-color: #fff;
	margin-bottom: 10px;
}
#mood-start,
#einsatzgebiete,
#cfa,
#einblicke a{

}

.counter{
	background-color: #f7ba3d;
	border-radius: 20px;
	color: #fff;
	padding: 1px 10px 5px 10px;
	font-size: 1rem;
	font-weight: 700;
}
#pricing-standard,
#pricing-micro{
	font-family: "camingo-web", sans-serif;
	font-size: 1.125rem;
}
#pricing-standard .table-row,
#pricing-micro .table-row{
	padding: 18px 0;
	border-bottom: 1px solid #ababab;
}
#pricing-standard .table-row:first-child,
#pricing-micro .table-row:first-child{
	font-weight: 700;
}
#pricing-standard .table-row .table-cell,
#pricing-micro .table-row .table-cell{
	text-align: center;
}
#pricing-standard .table-row .table-cell:first-child,
#pricing-micro .table-row .table-cell:first-child{
	text-align: left;
}
#references h3{
	color: #f7ba3d;
	/*font-style: italic;*/
	font-family: "ff-tisa-web-pro", serif;
	font-size: 1.2rem;
	line-height: 1.4em;

	letter-spacing: -.02em;

	margin-bottom: 1rem;

	overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
#references .image{
	padding: 0 20px 20px 0;
}
#references .image img{
	border: 0.5px solid #ababab;
}
#references a,
#ref-gj a{
	font-family: "camingo-web", sans-serif;
	color: #ababab;
	font-size: 0.9rem;
}
#references a:hover,
#ref-gj a:hover{
	/*border-bottom: 1px  solid #f7ba3d;*/
	box-shadow: inset 0 -6px 0 rgba(247, 186,61, 0.6);
	color: #444;
}
#nutzerstimmen .cite-quote{
	font-family: "camingo-web", sans-serif;
	color: #f7ba3d;
	font-size: 1.6rem;
	position: relative;
	top: -10px;
}
.cite{
	font-style: italic;
}
#nutzerstimmen article{ position: relative; }
/************** Slider*/
#slider-prev{
	position: absolute;
}
#slider-next{
	position: absolute;
}
#nutzerstimmen .fa {
	webkit-text-stroke: 2px #f2f2f2;
}
#ref-gj .cite-quote{
	font-family: "camingo-web", sans-serif;
	color: #f7ba3d;
	font-size: 1.6rem;

}

.c-tabnav{
	display: flex;
	align-items: flex-end;
	margin: 0 0 20px 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0.3em;
	padding-bottom: 30px;
}

.c-tabnav__item{
	flex: 1 1;
	min-width: 0;
	display: block;
	text-align: center;
	font-family: "camingo-web", sans-serif;
}


.c-tabnav__link{
	display: flex;
	color: #444 !important;
	align-items: baseline;
	justify-content: center;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #444;
}
.c-tabnav .active{
	opacity: 1;
	font-weight: bold;
	border-bottom: 5px solid #444;
	padding-bottom: 8px;
	margin-bottom: -2px;
}
.c-tabnav__link:hover{
	border-color: #f7ba3d;
	color: #f7ba3d !important;
	opacity: 1;
	box-shadow: none !important;
}
#functionality h2,
#einblicke h2,
#team h2,
#imprint h2{
	color: #f7ba3d;
	/*font-style: italic;*/
	font-family: "ff-tisa-web-pro", serif;
	font-size: 1.5rem;
	line-height: 1.4em;
	font-weight: 500;
	letter-spacing: -.02em;

	margin-bottom: 1rem;
	margin-top: 1rem;
}
#einblicke h2{ min-height: 66px; }
#einblicke h3{
	font-family: "camingo-web", sans-serif;
	font-size: 1.2rem;
	margin-top: 2rem;
	color: #fff;
	min-height: 42px;
}
#functionality img{
	position: relative;
	right: -15px;
}
.functionality-abstract{
	padding: 20px;
}
#imprint h3{
	font-family: "camingo-web", sans-serif;
	font-size: .938rem;
	margin-bottom: .7rem;
	color: #ababab;
}
#team p{
	padding-bottom: 30px;
}
.screenshot-interactive div.highlight {
	position: absolute;
	cursor: pointer;
	background: url(../img/icn-circle-4-2.svg) no-repeat center center transparent;
	background-size: contain;
	/*opacity: 0.3;*/
}
.popover {
	font-family: "camingo-web", sans-serif;
	font-size: 0.8rem;


}

.popover-title {
	/*font-style: italic;*/
	font-family: "ff-tisa-web-pro", serif;
	font-size: 0.9rem;
	color: #f7ba3d;
}

/*
 * Post
 */

.post p {
	margin-bottom: .7rem;
}

.post a {
	color: #444;
	border-bottom: 1px solid #14b8c7;
	word-wrap: break-word;
}

.post a.read-more {
	border: 0;
}

.post a:hover {
	border-bottom: 1px solid #ababab;
}

.post a.read-more:hover {
	border: 0;
}

.post h1 a,
.post h1 a:hover {
	border-bottom: 0;
}

.post img {
	margin-top: 2rem;
}

.post img.attachment-post-thumbnail {
	margin-top: 0;
}

.post .img-caption {
	margin-top: .75rem;
}

/*
 * Post meta
 */

p.meta-author {
	 margin-bottom: 0;
 }

p.meta-date {
	margin-bottom: .75rem;
}

.meta a {
	color: #14b8c7;
}

.meta h1 a {
	color: #444;
}

.meta a:hover {
	color: #444;
}


.special-row{
	margin-top:120px;
	margin-bottom: 80px;
}
.special-offer img{
	/*width: 50%; */
}
.special-row a{
	color: #fff;

	font-family: "ff-tisa-web-pro", serif;
	font-size: 2.1rem;
	line-height: 1.4em;
	font-weight: 500;
	letter-spacing: -.02em;

	/*
	font-family: "camingo-web", sans-serif;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1.2em;
    */



}
.special-row h2{
	margin-top: 60px;
}




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

footer {
	font-size: 1.125rem;
}

footer .comment-meta {
	font-size: .938rem;
}



/* Etc
	 - - - - - - - - - - - - - - - - - - - - */

.clearfix:after,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

::selection {
	background: rgba(247,186,61,0.7); /*#f7ba3d;*/
}
.orange::selection {
	background: rgba(68,68,68,0.7); /*#f7ba3d;*/
}

article img {
	width: 100%;
	height: auto;
}

.archive article {
	margin-bottom: 7rem;
}

.archive article:last-of-type {
	margin-bottom: 0;
}

.color {
	color: #f7ba3d;
}

.color-divider:after {
	background: #f7ba3d;
}

.social li{margin-bottom: 6px; display: inline-block;}
.social .icon {
	background-color: #f7ba3d;
	border-color: #f7ba3d;
	border-width: 3px;
	margin-top: -3px;
	margin-bottom: -3px;
	margin-right: 6px;
}
.icon{
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	border-radius: 50%;
	background-size: auto 100%;
}
.social a:hover .icon{
	background-position: -100% 0 !important;
}

.icon-social-facebook{
	background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzZweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMzYgMTgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDM2IDE4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05LjgxMiwxOFY5Ljc0OWgyLjI3N2wwLjMwMi0yLjg0NEg5LjgxMmwwLjAwNC0xLjQyM2MwLTAuNzQyLDAuMDctMS4xMzksMS4xMzUtMS4xMzloMS40MjRWMS41aC0yLjI3Nw0KCWMtMi43MzYsMC0zLjY5OSwxLjM3OS0zLjY5OSwzLjY5OXYxLjcwN0g0LjY5MnYyLjg0M2gxLjcwNlYxOEg5LjgxMnoiLz4NCjxwYXRoIGZpbGw9IiM0NTQ1NDUiIGQ9Ik0yNy44MTIsMTcuOTgzVjkuNzMyaDIuMjc3bDAuMzAyLTIuODQ0aC0yLjU3OWwwLjAwNC0xLjQyM2MwLTAuNzQyLDAuMDctMS4xMzksMS4xMzUtMS4xMzloMS40MjRWMS40ODMNCgloLTIuMjc3Yy0yLjczNiwwLTMuNjk5LDEuMzc5LTMuNjk5LDMuNjk5djEuNzA3aC0xLjcwNnYyLjg0M2gxLjcwNnY4LjI1MUgyNy44MTJ6Ii8+DQo8L3N2Zz4NCg==');

}

.icon-social-twitter{
	background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzZweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMzYgMTgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDM2IDE4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05LjA0NSw2Ljk3MmwwLjAyOSwwLjQ4M0w4LjU4NSw3LjM5NkM2LjgwNyw3LjE2OSw1LjI1NCw2LjQsMy45MzUsNS4xMDhMMy4yOSw0LjQ2N0wzLjEyNCw0Ljk0DQoJQzIuNzcxLDUuOTk2LDIuOTk3LDcuMTEsMy43MjksNy44NkM0LjEyLDguMjc0LDQuMDMyLDguMzMzLDMuMzU4LDguMDg3Yy0wLjIzNC0wLjA3OS0wLjQ0LTAuMTM4LTAuNDYtMC4xMDgNCglDMi44Myw4LjA0NywzLjA2NSw4Ljk0NSwzLjI1MSw5LjNjMC4yNTQsMC40OTMsMC43NzEsMC45NzcsMS4zMzksMS4yNjNsMC40NzksMC4yMjdsLTAuNTY2LDAuMDFjLTAuNTQ4LDAtMC41NjcsMC4wMS0wLjUwOSwwLjIxNw0KCWMwLjE5NiwwLjY0MiwwLjk2OCwxLjMyMiwxLjgyNywxLjYxOGwwLjYwNSwwLjIwN2wtMC41MjcsMC4zMTVjLTAuNzgxLDAuNDU0LTEuNjk5LDAuNzExLTIuNjE4LDAuNzMNCgljLTAuNDQsMC4wMS0wLjgwMiwwLjA0OS0wLjgwMiwwLjA3OGMwLDAuMSwxLjE5MiwwLjY1MSwxLjg4NywwLjg2OGMyLjA4LDAuNjQyLDQuNTUyLDAuMzY1LDYuNDA4LTAuNzI5DQoJYzEuMzE4LTAuNzc5LDIuNjM4LTIuMzI4LDMuMjU0LTMuODI3YzAuMzMyLTAuNzk5LDAuNjY0LTIuMjU5LDAuNjY0LTIuOTU5YzAtMC40NTQsMC4wMjktMC41MTMsMC41NzYtMS4wNTUNCgljMC4zMjItMC4zMTUsMC42MjUtMC42NjEsMC42ODQtMC43NTljMC4wOTgtMC4xODgsMC4wODgtMC4xODgtMC40MS0wLjAyYy0wLjgzLDAuMjk2LTAuOTQ3LDAuMjU2LTAuNTM3LTAuMTg3DQoJYzAuMzAzLTAuMzE2LDAuNjY0LTAuODg4LDAuNjY0LTEuMDU2YzAtMC4wMjktMC4xNDYsMC4wMi0wLjMxMiwwLjEwOGMtMC4xNzYsMC4wOTktMC41NjYsMC4yNDctMC44NTksMC4zMzVsLTAuNTI3LDAuMTY3DQoJbC0wLjQ3OS0wLjMyNWMtMC4yNjQtMC4xNzgtMC42MzUtMC4zNzUtMC44My0wLjQzNGMtMC40OTktMC4xMzgtMS4yNjEtMC4xMTgtMS43MSwwLjA0QzkuNzI5LDQuNTc2LDguOTU3LDUuNzIsOS4wNDUsNi45NzJ6Ii8+DQo8cGF0aCBmaWxsPSIjNDU0NTQ1IiBkPSJNMjcuMDQ1LDYuOTcybDAuMDI5LDAuNDgzbC0wLjQ4OS0wLjA1OWMtMS43NzgtMC4yMjctMy4zMzEtMC45OTYtNC42NS0yLjI4OEwyMS4yOSw0LjQ2N0wyMS4xMjQsNC45NA0KCWMtMC4zNTMsMS4wNTYtMC4xMjcsMi4xNywwLjYwNSwyLjkxOWMwLjM5MSwwLjQxNSwwLjMwMywwLjQ3NC0wLjM3MSwwLjIyN2MtMC4yMzQtMC4wNzktMC40NC0wLjEzOC0wLjQ2LTAuMTA4DQoJQzIwLjgzLDguMDQ3LDIxLjA2NSw4Ljk0NSwyMS4yNTEsOS4zYzAuMjU0LDAuNDkzLDAuNzcxLDAuOTc3LDEuMzM5LDEuMjYzbDAuNDc5LDAuMjI3bC0wLjU2NiwwLjAxDQoJYy0wLjU0OCwwLTAuNTY3LDAuMDEtMC41MDksMC4yMTdjMC4xOTUsMC42NDIsMC45NjgsMS4zMjIsMS44MjcsMS42MThsMC42MDUsMC4yMDdsLTAuNTI3LDAuMzE1DQoJYy0wLjc4MSwwLjQ1NC0xLjY5OSwwLjcxMS0yLjYxOCwwLjczYy0wLjQ0LDAuMDEtMC44MDIsMC4wNDktMC44MDIsMC4wNzhjMCwwLjEsMS4xOTIsMC42NTEsMS44ODcsMC44NjgNCgljMi4wOCwwLjY0Miw0LjU1MiwwLjM2NSw2LjQwOC0wLjcyOWMxLjMxOC0wLjc3OSwyLjYzOC0yLjMyOCwzLjI1NC0zLjgyN2MwLjMzMi0wLjc5OSwwLjY2NC0yLjI1OSwwLjY2NC0yLjk1OQ0KCWMwLTAuNDU0LDAuMDI5LTAuNTEzLDAuNTc2LTEuMDU1YzAuMzIyLTAuMzE1LDAuNjI1LTAuNjYxLDAuNjg0LTAuNzU5YzAuMDk4LTAuMTg4LDAuMDg4LTAuMTg4LTAuNDEtMC4wMg0KCWMtMC44MywwLjI5Ni0wLjk0NywwLjI1Ni0wLjUzNy0wLjE4N2MwLjMwMy0wLjMxNiwwLjY2NC0wLjg4OCwwLjY2NC0xLjA1NmMwLTAuMDI5LTAuMTQ2LDAuMDItMC4zMTIsMC4xMDgNCgljLTAuMTc2LDAuMDk5LTAuNTY2LDAuMjQ3LTAuODU5LDAuMzM1bC0wLjUyNywwLjE2N2wtMC40NzktMC4zMjVjLTAuMjY0LTAuMTc4LTAuNjM1LTAuMzc1LTAuODMtMC40MzQNCgljLTAuNDk5LTAuMTM4LTEuMjYxLTAuMTE4LTEuNzEsMC4wNEMyNy43MjksNC41NzYsMjYuOTU2LDUuNzIsMjcuMDQ1LDYuOTcyeiIvPg0KPC9zdmc+DQo=');
}


.bx-wrapper .bx-controls-direction a:hover{
		box-shadow: none !important;
}
.bx-pager-link:hover{
	box-shadow: none !important;
}
.social li.fbfreebadge{margin-top: -36px; float: right;}
.fbfree{
	width: 100px;
	height: 100px;
	background-image:url("img/fb-free-badge.png");
	background-size: auto 100%;
	background-repeat: no-repeat;
	margin-left: 100px;
	display:inline-block;
}
.fbfree:hover{
	box-shadow: none;
}



/* - - - - - - - - - - - - - - - - - - - - */
/* Media Queries - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - */



/* > 1400 px
	 - - - - - - - - - - - - - - - - - - - - */


@media all and (max-width: 1440px) {

	body{
	width: 100%;
	}
	.text{
		padding-right: 0.1rem;
	}
	#facts p{margin-bottom: 10px;}

	.abstand{ margin-bottom: 60px; }
	.abstand-half{ margin-bottom: 30px; }
	.schmaller{
		padding: 0 60px;
	}
	.bullet{
		width: 40px;
		height: 40px;
		border-radius: 20px;
		background-color: #fff;
		position: relative;
		top: -12px;
		margin-bottom: 10px;
	}

}



/* > 1280 px
	 - - - - - - - - - - - - - - - - - - - - */

@media all and (max-width: 1280px) {

	html {
	font-size: 14px;
	}

	/*
	 * Layout
	 */

	header,
	footer,
	.plain,
	.light {
	box-sizing: border-box;
	padding: 80px 0 20px;
	}

	header {
	padding: 60px 0 75px;
	}


	/*
	 * Header
	 */

	#site-description {
	width: 450px
	}



	/* Logos */
	/*
	#logo-header {
	top: 25px;
	left: 15px;
	height: 34px;
	}

	#logo-header img {
	height: 20px;
	}

	#logo img {
	height: 35px;
	}
	*/
	/*
	 * Navigation
	 */

	nav ul li a.active:before{
			 content: '';
			 position: absolute;
			 left: 39%;
			 top: 107%;
			 width: 0;
			 height: 0;
			 border-left: 11px solid transparent;
			 border-right: 11px solid transparent;
			 /*border-bottom: 11px solid rgba(247,186,61,1);*/
			 border-bottom: 11px solid #fff;
			 clear: both;
	}

	h1 {
	font-size: 2.25rem;
	}



}



/* > 1120 px
	 - - - - - - - - - - - - - - - - - - - - */

@media all and (max-width: 1120px) {

	/*
	 * Layout
	 */

	.span-container {
	width: 830px;
	}

	/*
	 * Columns
	 */

	[class*="span"] {
	margin-right: 40px;
	}

	.span1 {
	width: 250px;
	}

	.span2 {
	width: 540px;
	}

	/*
	 * Layout
	 */

	#site-description {
	width: 380px;
	font-size: 1.5rem;
	}

	/*
	 * Navigation
	 */

	nav ul li a {
	padding: 23px 7px;
	}

	/*
	 * Social Media
	 */

	.social-media {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}

.social-media a {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-left: 4px;
	border-radius: 20px;
	background-color: #f2f2f2;
	border: 0 !important;
	color: #d3d3d3;
}

.social-media a:before {
	width: 100%;
	margin-top: 4px;
	margin-right: 0;
	font-size: 28px;
}

a.fb:before {
	content: "\e001";
}

a.twitter:before {
	content: "\e002";
}

a.gplus:before {
	content: "\e003";
}

a.github:before {
	content: "\e004";
}

a:hover:before {
	color: #ababab;
}



	/*
	 * Headlines
	 */

	h1 {
	font-size: 2rem;
	}

	/*
	 * Content
	 */

	/* Authors */

	#footer-authors img {
	margin-bottom: 10px;
	}

	#footer-authors .author-info {
	width: 100%;
	}

	#footer-authors h2 {
	padding-top: 1.875rem !important;
	}

	/*
	 * Form fields
	 */

	input {
	width: 100%;
	}

}



/* > 1060 px
	 - - - - - - - - - - - - - - - - - - - - */

@media all and (max-width: 1060px) {

	/*
	 * Layout
	 */

	header,
	footer,
	.plain,
	.light {
	box-sizing: border-box;
	padding: 60px 0 20px;
	}

	header {
	padding: 40px 0 65px;
	}

	/*
	 * Header
	 */

	/* Logos */

	#logo-header {
	top: 20px;
	}

	#logo {
	margin-bottom: 1.5rem;
	}

	/*
	 * Navigation
	 */

	nav {
	font-size: 1rem;
	height: 60px;
	}

	nav ul li a {
	padding: 19px 6px;
	}

	nav ul li a,
	nav ul li a.active  {
	height: 49px;
	}

	nav ul li:last-child:after {
	height: 60px;
	}
/*
	nav ul li a:before,
	nav ul li a.active:before,
	nav ul li a.active:after {
	top: 49px;
	}
	*/
	nav ul li a:before
	 {
		top: 49px;
	}

}


/* > 910 px
	 - - - - - - - - - - - - - - - - - - - - */

@media all and (max-width: 910px) {

	/*
	 * Layout
	 */

	header {
	padding-top: 0;
	margin-top: 60px;
	}

	/*
	 * Columns
	 */

	.span-container {
	width: 90%;
	}

	.span1,
	.span2 {
	width: 100%;
	}

	/*
	 * Nav
	 */

	#nav-container {
	background: #444;
	padding-bottom: 15px;
	padding-right: 0px !important;
	padding-left: 0px !important;
	}

	nav {
	display: none;
	position: static;
	width: 100%;
	background: #444;
	height: auto;
	}

	nav ul {
	display: block;
	margin: 0;
	margin: 0 auto;
	width: 90%;
	padding: 1rem 0;
	font-size: 1.25rem;
	float: none;
	}

	nav ul li {
	display: block;
	width: 100%;
	}

	nav ul li a {
	width: 100%;
	padding: .15rem 0;
	height: auto;
	margin: 0;
	}
	.navbar-nav>li>a {
		padding-top: 6px !important;
		padding-bottom: 6px !important;

	}
	/*
	nav ul li a,
	nav ul li a.active {
		width: 100%;
		padding: .25rem 0;
		height: auto;
		margin: 0;
	}
	*/
	nav ul li:first-child:before,
	nav ul li:last-child:after,
	nav ul li a:before,
	nav ul li a:after,
	nav ul li a.active:before,
	nav ul li a.active:after    ,{
	display: none;
	}

	#mobile-nav {
	display: block;
	position: relative;
	padding: 20px 0px 9px 0;
	width: 90%;
	box-sizing: border-box;
	margin: 0 auto;
	}
	/*
	#mobile-nav span:before {
	top: -6px;
	}

	#mobile-nav span:after {
	bottom: -6px;
	}

	#mobile-nav a span,
	#mobile-nav a span:before,
	#mobile-nav a span:after {
		height: 3px;
		width: 30px;
		background: #fff;
		display: block;
		content: "";
		position: absolute;
		left: 0;
	}
	*/
	#mobile-nav a {
		display: block;
		float: right;
		position: relative;
		margin: 0px;
		margin-top: -4px;
		box-shadow: none !important;
	}
	#mobile-nav a:hover{box-shadow: none !important;}

	/* bootstrap kram animation */
	/* ANIMATED X */
	.icon-bar{background: #fff;}
	.navbar-toggle.x .icon-bar:nth-of-type(1) {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transform-origin: 10% 10%;
		-ms-transform-origin: 10% 10%;
		transform-origin: 10% 10%;
	}

	.navbar-toggle.x .icon-bar:nth-of-type(2) {
		opacity: 0;
		filter: alpha(opacity=0);
	}

	.navbar-toggle.x .icon-bar:nth-of-type(3) {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transform-origin: 10% 90%;
		-ms-transform-origin: 10% 90%;
		transform-origin: 10% 90%;
	}

	/* ANIMATED X COLLAPSED */
	.navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
	}

	.navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
		opacity: 1;
		filter: alpha(opacity=100);
	}

	.navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
	}

	.navbar-collapse.collapse{
		-webkit-transition: height 0.6s ;
		-moz-transition: height 0.6s ;
		-ms-transition: height 0.6s ;
		-o-transition: height 0.6s ;
		transition: height 0.6s ease-in;
	}
	.navbar-collapse.collapsing {
		height: 0 !important;
	}
	.navbar-collapse.collapse.in{
		max-height: none;
		height: 100vh;
	}
	/* END ANIMATED X */

	/*.navbar-collapse.collapse{display: block !important;}
	.navbar-nav{display: block !important;}*/







	/*
	 * Footer
	 */

	footer {
	margin-bottom: 3rem;
	}

	footer div > div {
	/*margin-top: 2rem; */
	}
	.social li.fbfreebadge {}
	.fbfree {
    width: 60px;
    height: 60px;
     background-size: auto 80%;

}

	footer div > div:first-of-type {
	margin-top: 0;
	}



}
/*************   Phone Ausnahmen  *********/
@media (max-width: 480px) {
	/*  tabnav */
	.c-tabnav{
		align-items: flex-start;
		flex-direction: column;
		margin-left: 15px;
	}

	.c-tabnav__item{
		text-align: left
	}


	.c-tabnav__link{
		border-bottom: none;
		padding-top: 10px;
		padding-left: 15px;
		padding-bottom: 10px;
		border-left: 1px solid #444;
		margin-left: 2px;

	}
	.c-tabnav .active{
		opacity: 1;
		font-weight: bold;
		border-bottom: none;
		padding-bottom: 16px;
		margin-bottom: -2px;
		border-left: 5px solid #444; /*#f7ba3d; */
		margin-left: 0px;
	}

	/* functionality */
	#functionality img {
		right: 0;
	}
	/* slider */
	.bx-controls-direction{
		display: none;
	}


	.manifesto{
		font-size: 1.4rem;

	}
	.mood-overlay-unten {
		bottom: 10px;
		max-width: 100%;
	}




}