@charset "utf-8";
/* CSS Document
Theme Name: Transaction Consulting
Author: networkerz gmbh
Author URI: https://networkerz.de/
Description: transaction css
Version: 1.1
License: private
License URI: http://www.networkerz.de
*/

/* FONTS */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,600);

* {
	 margin: 0; padding: 0;
	 -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;
	 box-sizing: border-box;
	 }
html, body {
	position:relative;
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size:18px;
	color:#353E63;
	text-align: left;
	line-height: 1.6;
	margin:0px;
	padding:0px;
	background-color: #dfe3e6;
	height:100%;
}
a:link,
a:visited {
	color:#fff;
	text-decoration:none;
	}
a:hover,
a:active {
	color:#dfe3e6;
	text-decoration:none;
	}
.news a:link,
.news a:visited {
	color:#353E63;
	text-decoration:none;
	}
.news a:hover,
.news a:active {
		color:#353E63;
		text-decoration:none;
		}
a[href^="tel:"] {
 	color:#626262;
	text-decoration:none;
	cursor:text;
}
a[href^="tel:"]:focus,
a[href^="tel:"]:hover {
 	color:#626262;
	text-decoration:none;
	cursor:text;
}

ul, li {
	margin: 0;
    padding: 0;
	}
img {
	width:100%;
	}
h1, h2, h3 {
	font-family:"Open Sans";
	}
h1 {
	font-size:42px;
	font-weight: normal;
	background-color: rgb(53, 62, 99);
	color:#ffffff;
	padding: 5px 20px;
	display: inline-block;
	text-align: center;
	margin-bottom: 30px;
	text-transform: uppercase;
	
	}
h2 {
	font-size:24px;
	}
h3 {	font-size: 30px;
	margin-bottom: 20px;
	margin-top: 30px;
	}
h4 {
	font-weight:bold;
	}
.news h4, #done .name {
	
	font-weight:normal;
	background-color: rgb(53, 62, 99);
	color:#ffffff;
	padding: 5px 20px;	
}
#done .name {
	font-size: 18px;
	display:block;
	line-height:20px;
}
p, .table-row {
	font-size:14px;
	}
header {
	position: fixed;
	width: 100%;
	z-index: 5000;
	background-image: linear-gradient(90deg, rgb(255, 255, 255) 10%, rgba(53,62,99,0.7) 60%);
	left: 0;
	font-size: 16px;
	padding-left: 30px;
	height: 140px;
	}
.logo {
	position: absolute;
	width: 30%;
	bottom: 15px;
	max-width: 300px;
	z-index: 10000;
}
section {
	width:100%;
	max-width:1280px;
	margin:0 auto;
	}
.content-full {
		height:100%;
	}

#done {
		padding-bottom:150px;
	}

/* NAV Anpassung Voreinstellungen bootstrap */
.nav-tabs > li {
    float: none;
    margin-bottom: 0;
	padding: 0 5px;
}
.nav > li {
    display: inline-block;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border: none;
	background-color: transparent;
	color:#dfe3e6;
}
.nav-tabs > li > a:focus,
.nav-tabs > li > a:hover,
.nav > li > a:focus,
.nav > li > a:hover {
    color:#dfe3e6;
	background-color: transparent;
}
.pagination > li > a:focus,
.pagination > li > a:hover {
    background-color: transparent;
	color:transparent;
}
.pagination > li > a {
	padding: 10px 5px;
	}
.nav-tabs > li > a {
    border: none;
}
.nav-tabs {
    border-bottom: none;
}
.icon-bar {
	background-color: #fff;
	}
/* NAVIGATION  */
.navbar {
	right:0;
	bottom:0;
	margin-bottom:0;
	text-align:right;
	text-transform: uppercase;
	position: absolute;
	width:77%;
	padding-right: 20px;
	z-index: 7000;
	}
.navbar-collapse.in {
	z-index:8000;
	}
.nav > li {
	display: inline-block;
	}
.nav-tabs > li:hover > a {
    border-color: none;
}
.nav > li:focus > a, .nav > li > a:hover {
    background-color: transparent;
}
.nav-tabs {
    border-bottom: none;
}
.nav-tabs > li {
	float:none;
	margin-bottom:none;
}
/*  pagination   */
#pagination-nav {
    display: block;
    padding-right: 0;
    margin: 20px 0;
    border-radius: 4px;
    position: fixed;
    z-index: 7000;
    right: 50px;
    top: 50%;
}
.pagination > li {
    display: block;
	width:40px;
	height:40px;
	cursor:pointer;
}
.pagination > li:first-child > a,
.pagination > li:last-child > a {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-left:20px;
}
.pagination > li > a {
    display: block;
	width: 40px;
	height: 40px;
	padding: 0;
	background: none;
	border:none;
	margin:0 0 0 20px;
}
.circle {
	width: 10px;
    height: 10px;
    padding:0;
	background-color:rgba(53,62,99,1);
	border-radius:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-color:transparent;
	margin: 15px 0 0 15px;
	}
.pagination > li > a:focus .circle,
.pagination > li > a:hover .circle {
    border:1px solid #626262;
	background-color:transparent;
}
.pagination > .active > a .circle,
.pagination > .active > a:focus .circle,
.pagination > .active > a:hover .circle {
	border-color: #626262;
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover {
	background-color:transparent;
	border:none;
}

/*   content   */
.title {
	position: absolute;
	width: 600px;	padding: 0 20px 10px 20px;
	top: 60%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	left: calc(50% - 300px);
	background-color: rgba(255, 255, 255, 0.7);
}
.arrow-down {
	position: absolute;
	bottom: 20px;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	}
.arrow-down img {
	max-width: 20px;
}
.text-row {
	width:100%;
	max-width:1280px;
	position:relative;
	padding:25px 15% 25px 15%;
	margin: 0 auto;
	}
.text-row:first-child {
	padding-top: 200px;
	}
.text-row:last-child {
	padding-bottom: 200px;
	}
.icons {
	height: 120px;
	padding-top: 25px;
	margin-bottom: -50px;
	text-align:right;
	}
.news.icons {
    text-align: left;
    position: absolute;
    margin-left: -100px;
}
.icons img {
	max-width: 16%;
	padding-right: 4%;
	min-width:100px;
	}
.news.icons img {
    max-width: 8%;
	min-width: 40px;
}
.btn,a.btn,
.btn:focus,
a.btn:focus {
	font-size: 14px;
	padding: 5px 20px;
	border: medium none;
	background-color:transparent;
	border: 1px solid rgb(53, 62, 99);
	color: rgb(53, 62, 99);
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
	border-radius:0;
}

a.btn:hover {
	background-color:rgb(53, 62, 99);
	border: 1px solid rgb(53, 62, 99);
	color: #ffffff;
}
a.btn::after {
    content: 'close';
}
a.btn.collapsed::after {
    content: 'read more';
}

#done {}
#done a:link,
#done a:visited,
#done a:focus {
	color:#353E63;
	}
.title-row {
	width:100%;
	max-width:1280px;
	position:relative;
	padding: 200px 15% 20px 18%;
	}
.table-row {
	width:100%;
	max-width:1280px;
	position:relative;
	padding: 0 10% 0 5%;
	}
#experience .table-row {
	padding: 0;
	margin-left: -20px;
	}
.logos {
	margin-top:65px;
	margin-bottom: 65px;
	}
.logos .table-row {
	padding:0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content:start;
}
.text-row ul {
	padding: 20px;
	}
.table-row > div {
	padding:5px 10px;
	}
.table-row > div {
		float:left;
		}
.logos .table-row > div {
		float:left;
		}
.table-row > div.column {
	width: 20%;
	min-width: 120px;
	min-height:75px;
}
.column-1,
.column-2,
.column-3 {
	position:relative;
	min-height:200px;
	margin: 10px 10px 10px 0;
	}
.column-1 {
   	width: 20%;

}
.column-2 {
	width: 20%;
	min-width: 250px;
	}
.column-3 {
	width: 45%;
	min-width: 400px;
	}
.table-row img {
	max-width: 200px;
	}
.news.table-row img {
	max-width:none;
	padding: 20px 0;
}
.table-row .column-1 img,
.table-row p,
.table-row ul {
	position: absolute;
	top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
.table-row p {
    padding: 10px;
}
.table-row > div.column img {
	max-width: 150px;
	width: 100%;
	height: auto;
	}
.social-link img {
	max-width: 30px;
	margin-top: 10px;
	}
.news.column-2 {
    width: 35%;
    min-width: 270px;
	margin:0;
}
.news.column-3 {
    width: 65%;
    min-width: 410px;
	margin:0;
}
.news.table-row p {
    position: relative;
    top: 0;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
}
.news.table-row {
	padding:40px 5% 20px 5%;
	}
.table-row.hover {
	background-color:#dfe3e6;
	transition:all 0.3s ease;
}
.table-row.hover:hover {
	background-color:#c9ced2;
}
/*   footer   */
footer {
	background-color:#FFF;
	padding: 10px 0 30px 5%;
	}
footer .navbar {
	position:relative;
	left: 0;
	top:0;
	right:auto;
	width:100%;
	text-align:left;
	margin-left: -20px;
	bottom:auto;
	}
footer .navbar {
	font-size:14px;
	}
footer .impressum {
	font-size:12px;
	margin: 30px 0 0 0;
	}
footer a:link,
footer a:visited {
	color:#626262;
	}
footer a:hover,
footer a:visited {
	color:#626262;
	}
footer .nav > li > a:focus,
footer .nav > li > a:hover {
    background-color: transparent;
	color:#626262;
}
/* impressum   */
section.impressum span,
.contact span {
	cursor: pointer;
	}
section.impressum div.inner,
footer div.inner-1 {
    max-height: 0px;
	overflow:hidden;
	-webkit-transition: max-height 1.5s ease;
    -moz-transition: max-height 1.5s ease;
    transition: max-height 1.5s ease;
	padding: 30px 15% 0 0;
}
section.impressum div.inner.ok,
footer div.inner-1.ok {
    max-height: 1500px;
	overflow: visible;
	background-color:#fff;
	}
footer div.inner-1 {
	padding-top:0;
	}
.impressum p {
	font-size:12px;
	}
@media (max-width:1095px) {
	.table-row > div.column {
		width:25%;
	}
	.column-1 {
		min-width:200px;
		}
	.column-2 {
    	min-width: 280px;
}
	.column-3 {
    	min-width: 500px;
}
	.column-3 ul {
		padding-left: 20px;
	}
	.news.column-2 {
	    width: 28%;
	    min-width: 270px;
		margin:0;
	}
	.news.column-3 {
	    width: 54%;
	    min-width: 410px;
		margin:0;
	}
	#done {}
	.nav-tabs > li > a {
		padding: 10px 5px;
		}
	footer .navbar {
		margin-left: -10px;
		}
	}
@media (max-width:767px) {
	header {
		background-image: linear-gradient(90deg, rgb(255, 255, 255) 40%, rgba(53,62,99,0.3) 100%);
	}
header .nav > li {
    display: block;
}
header .navbar {
	bottom: auto;
	top: 70px;
	}
.logo {
	width:60%;
	}
.navbar-toggle {
	margin-top: -10px;
	}
.navbar-collapse {
	border-top: none;
	background-color: rgba(53,62,99,0.8);
	}
#pagination-nav {
	right:20px;
	bottom:10%;
	}
.title {
    width: 100%;
    left: 0;
}
.icons {
	height: 120px;
	margin-bottom: 0;
	text-align:center;
	margin: 0 -15%;
	}
.news.icons {
	margin-left:-60px;
}
.icons img {
	max-width: 16%;
	padding-right: 4%;
	min-width:100px;
	}
.table-row {
	min-height: 400px;
	}
.table-row.hover:hover {
		background-color:#dfe3e6;
	}
.column-1 {
		min-width:170px;
		}
	.column-2 {
    	min-width: 250px;
}
.text-row ul {
	padding: 20px 0 20px 20px;
	}
.logos .table-row {
   min-height: auto;
}
.table-row > div.column {
  width: 33.33%;
	min-width: 115px;
}
.column-3 {
	min-width:450px;
	}
.news.column-3 {
    width: 100%;
    padding-right: 10%;
    margin-left: -10px;
}
	}
@media (max-width:500px) {
a[href^="tel:"] {
 	cursor:pointer;
}
a[href^="tel:"]:focus,
a[href^="tel:"]:hover {
 	cursor:pointer;
}
.logo {
    width: 55%;
    bottom: 30px;
}
.navbar {
	width:100%;
	}
.title {
	padding: 0 35px 10px 20px;
	top: 50%;
	}
.title-row {
    padding-left: 30px;
	padding-top:100px;
	}
.icons img {
	min-width:25%;
	}
.text-row {
	padding:25px 15%;
	}
.table-row {
    min-height: 650px;
	padding:10px 0;
}
.text-row ul {
	padding: 20px 0 20px 0;
	}
.table-row img,
.table-row p,
.table-row ul {
	top: 0;
		transform: none;
		-webkit-transform: none;
		-ms-transform: none;
	}
.column-1,.column-2, .column-3 {
	width:100%;
	}
.column-2 .social-link img {
	padding-left:0;
	}
.table-row > div.column-1 {
	padding-left:20px;
	}
.table-row ul {
	padding-right:30px;
	}
.logos .table-row {
		justify-content:center;
	}
.logos .table-row > div.column {
			width:100%;
			text-align:center;
		}
.column-3 {
	min-width:0;
	min-height:220px;
	}
.news.title-row {
	padding-top:170px;
	padding-left:70px;
	}
.news.column-2 {
    width: 90%;
    min-width: 0;
}
.news.column-3 {
    padding-right: 0;
	min-width:0;
}
.news.table-row {
	padding-right:0;
	}
#done .name {
	margin-right:25px;
}
footer .nav > li > a {
    padding: 10px 0px;
}
footer .navbar,
footer .contact {
    font-size: 12px;
}
footer .impressum {
    font-size: 10px;
	margin-left:-5px;
}
.impressum p {
	font-size:10px;
	}
}
@media (max-width:300px) {
	.table-row > div.column {
   height: 50px;
}
}
@media print {
	.arrow-down img {
    	max-width: 20px;
	}
	.icons img {
    	max-width: 16%;
		}
	.social-link img {
    	max-width: 30px;
	}
	header {
		position:absolute;
		}
	.gap-100 {
    	height: 100px;
	}
	.gap-50 {
    	height: 50px;
	}
	a[href]:after{content:""}
	abbr[title]:after{content:""}

}