/* https://fonts.google.com/specimen/Forum */

/* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%
}
body {
margin:0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display:block
}
audio, canvas, progress, video {
display:inline-block;
vertical-align:baseline
}
audio:not([controls]) {
display:none;
height:0
}
[hidden], template {
display:none
}
a {
background-color:transparent
}
a:active, a:hover {
outline:0
}
abbr[title] {
border-bottom:1px dotted
}
b, strong {
font-weight:bold
}
dfn {
font-style:italic
}
h1 {
font-size:2em;
margin:0.67em 0
}
mark {
background:#ff0;
color:#000
}
small {
font-size:80%
}
sub, sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sup {
top:-0.5em
}
sub {
bottom:-0.25em
}
img {
border:0
}
svg:not(:root) {
overflow:hidden
}
figure {
margin:1em
40px
}
hr {
box-sizing:content-box;
height:0
}
pre {
overflow:auto
}
code, kbd, pre, samp {
font-family:monospace, monospace;
font-size:1em
}
button, input, optgroup, select, textarea {
color:inherit;
font:inherit;
margin:0
}
button {
overflow:visible
}
button, select {
text-transform:none
}
button, 
html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance:button;
cursor:pointer
}
button[disabled], 
html input[disabled] {
cursor:default
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input {
line-height:normal
}
input[type="checkbox"], input[type="radio"] {
box-sizing:border-box;
padding:0
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height:auto
}
input[type="search"] {
-webkit-appearance:textfield;
box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset {
border:1px
solid #c0c0c0;
margin:0
2px;
padding:0.35em 0.625em 0.75em
}
legend {
border:0;
padding:0
}
textarea {
overflow:auto
}
optgroup {
font-weight:bold
}
table {
border-collapse:collapse;
border-spacing:0
}
td, th {
padding:0
}
* {
margin:0;
padding:0
}
blockquote, q {
quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
content:'';
content:none
}
strong, b {
font-weight:bold
}
legend {
display:none
}
.clearfix:after, #header #header-bottom #social:after {
content:"";
display:table;
clear:both
}
a {
text-decoration:none;
color:inherit
}
.clear {
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0
}
.display-table {
display:table !important
}
.display-table-cell {
display:table-cell !important
}
.float-left {
float:left
}
.float-right {
float:right
}
.italic {
font-style:italic
}
.vertical-align-middle {
vertical-align:middle !important
}
.text-right {
text-align:right !important
}
.text-left {
text-align:left !important
}
.text-center {
text-align:center !important
}
.text-justify {
text-align:justify !important
}
.uppercase, h1, h2, h3, #header .menu-hauptnavigation-container ul li a, #header .menu-hauptnavigation-en-container ul li
a {
text-transform:uppercase
}
.center {
float:none !important;
margin-left:auto !important;
margin-right:auto !important
}
.noline {
text-decoration:none
}
.uc {
text-transform:uppercase
}
.invisible {
visibility:hidden
}
.hidden, .noscreen {
display:none !important;
visibility:hidden
}
.visuallyhidden {
border:0;
clip:rect(0 0 0 0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px
}
.grow, .start .parallax-window #read-more
img {
transition:all .2s ease-in-out
}
.grow:hover, .start .parallax-window #read-more img:hover {
transform:scale(1.1)
}
html {
font-size:62.5%
}
body {
font-family: 'Forum', cursive;
font-style:normal;
font-weight:300;
letter-spacing:1px;
line-height:1.4;
font-size:13px;
font-size:1.3rem;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.medium, #header #header-bottom #header-info, #header #header-bottom #lang_sel_list ul li a, #header #header-bottom #impressum-nav, #tablet-menu, #mobile-menu, .kompetenzen .page-content .tab .title p, .netzwerk .column ul li, .kontakt .textblock
.name {
font-family: 'Forum', cursive;
font-weight:500
}
.book, .kontakt .textblock .small, .kontakt .textblock
.big {
font-family: 'Forum', cursive;
font-weight:400
}
h1 {
font-family: 'Forum', cursive;
font-weight:500;
font-size:30px;
font-size:3.0rem
}
h2 {
font-family: 'Forum', cursive;
font-weight:500;
font-size:18px;
font-size:1.8rem
}
h3, #header .menu-hauptnavigation-container ul li a, #header .menu-hauptnavigation-en-container ul li
a {
font-family: 'Forum', cursive;
font-weight:500;
font-size:16px;
font-size:1.6rem
}
h4 {
font-family: 'Forum', cursive;
font-weight:500;
font-size:14px;
font-size:1.5rem
}
.svgs {
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
position:relative;
float:left;
height:30px;
width:30px;
background-color:#eaebeb;
margin-left:8px !important;
cursor:pointer
}
.svgs:hover {
background-color:#62727f
}
.svgs:hover
svg {
-webkit-transform:translate3d(0, -1px, 0px);
-ms-transform:translate3d(0, -1px, 0px);
transform:translate3d(0, -1px, 0px);
-moz-transform:translate3d(0, -1px, 0px);
-o-transform:translat3d(0, -1px, 0px)
}
.svgs:hover svg
path {
fill:#eaebeb
}
#email-svg
svg {
margin-left:-8px;
margin-top:-5px
}
#linkedin-svg
svg {
margin-left:-6.5px;
margin-top:-6px
}
#xing-svg
svg {
margin-left:-8px;
margin-top:-9px
}
.gray-icon
svg {
position:absolute;
left:50%;
top:50%;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease
}
.gray-icon svg
path {
fill:#62727f;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease
}
.blue-icon {
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease
}
.blue-icon svg
path {
fill:#FFFFFF;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease
}
.blue-icon:hover {
background-color:#FFFFFF
}
.blue-icon:hover svg
path {
fill:#8A171C
}
.absolute-header {
position:absolute;
left:0
}
.fixed-header {
position:fixed;
left:0
}
#header {
display:none;
width:300px;
background:#FFFFFF
}
#header
#logo {
float:left;
margin:60px
0 0 60px
}
#header .menu-hauptnavigation-container ul, #header .menu-hauptnavigation-en-container
ul {
clear:both
}
#header .menu-hauptnavigation-container ul li, #header .menu-hauptnavigation-en-container ul
li {
float:left;
 width:100%;
 margin:25px
0 25px 50px;
list-style:none;
padding-left:10px
}
#header .menu-hauptnavigation-container ul li a, #header .menu-hauptnavigation-en-container ul li
a {
padding-bottom:5px;
position:relative;
color:#242424
}
#header .menu-hauptnavigation-container ul li a:before, #header .menu-hauptnavigation-en-container ul li a:before {
content:"";
position:absolute;
width:100%;
height:2px;
bottom:0;
left:0;
background-color:#8A171C;
visibility:hidden;
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transition:all 0.3s ease-in-out 0s;
transition:all 0.3s ease-in-out 0s
}
#header .menu-hauptnavigation-container ul li a:hover, #header .menu-hauptnavigation-en-container ul li a:hover {
color:#8A171C
}
#header .menu-hauptnavigation-container ul li a:hover:before, #header .menu-hauptnavigation-en-container ul li a:hover:before {
visibility:visible;
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
#header .menu-hauptnavigation-container ul li:first-child, #header .menu-hauptnavigation-en-container ul li:first-child {
margin-top:60px
}
#header .menu-hauptnavigation-container ul li.active, #header .menu-hauptnavigation-en-container ul
li.active {
list-style-image:url(../img/bullet.jpg?b69a3a)
}
#header .menu-hauptnavigation-container ul li.active a, #header .menu-hauptnavigation-en-container ul li.active
a {
color:#8A171C
}
#header #header-bottom {
position:absolute;
bottom:0;
width:240px;
padding:0
30px;
color:#89878a
}
#header #header-bottom
div {
margin-left:30px
}
#header #header-bottom
hr {
margin-bottom:30px
}
#header #header-bottom
#social {
margin-bottom:30px
}
#header #header-bottom #header-info {
margin-bottom:30px;
font-size:14px;
font-size:1.4rem
}
#header #header-bottom #header-info
* {
margin-bottom:20px
}
#header #header-bottom
#lang_sel_list {
margin-bottom:10px;
height:32px
}
#header #header-bottom #lang_sel_list
* {
background:#FFFFFF;
color:#89878a
}
#header #header-bottom #lang_sel_list
ul {
list-style:none
}
#header #header-bottom #lang_sel_list ul
li {
display:inline-block
}
#header #header-bottom #lang_sel_list ul li
a {
padding:0
5px 3px 5px;
position:relative;
font-size:12px;
font-size:1.2rem
}
#header #header-bottom #lang_sel_list ul li a:before {
content:"";
position:absolute;
width:90%;
height:1px;
bottom:0;
left:5%;
background-color:#8A171C;
visibility:hidden;
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transition:all 0.3s ease-in-out 0s;
transition:all 0.3s ease-in-out 0s
}
#header #header-bottom #lang_sel_list ul li a:hover {
color:#8A171C
}
#header #header-bottom #lang_sel_list ul li a:hover:before {
visibility:visible;
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
#header #header-bottom #lang_sel_list ul li
a.lang_sel_sel {
font-weight:bold
}
#header #header-bottom #lang_sel_list ul li:first-child {
border-right:solid;
border-width:2px
}
#header #header-bottom #lang_sel_list ul li:first-child
a {
margin-left:-5px
}
#header #header-bottom #impressum-nav {
margin-bottom:30px;
font-size:12px;
font-size:1.2rem
}
#header #header-bottom #impressum-nav
a {
margin-right:10px;
padding-bottom:2px;
position:relative
}
#header #header-bottom #impressum-nav a:before {
content:"";
position:absolute;
width:100%;
height:1px;
bottom:0;
left:0;
visibility:hidden;
background-color:#8A171C;
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transition:all 0.3s ease-in-out 0s;
transition:all 0.3s ease-in-out 0s
}
#header #header-bottom #impressum-nav a:hover {
color:#8A171C
}
#header #header-bottom #impressum-nav a:hover:before {
visibility:visible;
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
.cbp-spmenu-left {
left:140px
}
.cbp-spmenu-left.cbp-spmenu-open {
left:0px
}
.cbp-spmenu-push {
overflow-x:hidden;
position:relative;
left:0
}
.cbp-spmenu-push-toright {
left:240px
}
.slow-open {
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
transition:all 0.3s ease
}
@media (max-width: 1024px) {
#header {
width:240px;
position:fixed
}
#header
#logo {
height:60px;
width:60px;
margin:22px
0 0 120px
}
#header #header-bottom
hr {
width:180px
}

}
@media (max-width: 767px) {
#header {
top:64px
}
#header
#logo {
margin:20px
0 0 60px
}

}
@media (max-height: 900px) {
#header .menu-hauptnavigation-container ul li, #header .menu-hauptnavigation-en-container ul
li {
margin:20px
0 20px 50px
}
#header .menu-hauptnavigation-container ul li:first-child, #header .menu-hauptnavigation-en-container ul li:first-child {
margin-top:40px
}
#header #header-bottom #header-info
* {
margin-bottom:10px
}
#header #header-bottom
hr {
margin-bottom:20px
}
#header #header-bottom
#social {
margin-bottom:20px
}
#header #header-bottom #header-info {
margin-bottom:20px
}
#header #header-bottom
#lang_sel_list {
margin-bottom:0
}
#header #header-bottom #impressum-nav {
margin-bottom:15px
}

}
@media (max-height: 767px) {
#header
#logo {
margin-top:22px
}
#header .menu-hauptnavigation-container ul, #header .menu-hauptnavigation-en-container
ul {
clear:both
}
#header .menu-hauptnavigation-container ul li, #header .menu-hauptnavigation-en-container ul
li {
margin:15px
0 15px 50px
}
#header .menu-hauptnavigation-container ul li:first-child, #header .menu-hauptnavigation-en-container ul li:first-child {
margin-top:30px
}

}
@media (max-height: 767px) and (max-width: 1024px) {
#header
#logo {
height:60px;
width:60px;
margin:22px
0 0 120px
}

}
@media (max-height: 767px) and (max-width: 767px) {
#header
#logo {
height:40px;
width:40px;
margin:20px
0 0 60px
}
#header .menu-hauptnavigation-container ul li, #header .menu-hauptnavigation-en-container ul
li {
margin:13px
0 13px 50px
}
#header .menu-hauptnavigation-container ul li:first-child, #header .menu-hauptnavigation-en-container ul li:first-child {
margin-top:30px
}
#header #header-bottom #social, #header #header-bottom #impressum-nav {
margin-bottom:20px
}
#header #header-bottom
#lang_sel_list {
margin-bottom:2px
}

}
@media (max-height: 654px) {
#header #header-bottom
#social {
margin-bottom:30px
}
#header #header-bottom #header-info {
display:none
}
#header #header-bottom
hr {
display:none
}

}
body {
opacity:0;
visibility:hidden;
-webkit-transition:all 0.7s ease;
-moz-transition:all 0.7s ease;
-ms-transition:all 0.7s ease;
-o-transition:all 0.7s ease;
transition:all 0.7s ease
}
body.loaded {
opacity:1;
visibility:visible
}
#wrapper {
position:relative;
background-color:#8A171C;
color:#FFFFFF;
float:right
}
#wrapper .full-page {
position:relative;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
width:100%;
float:left
}
#wrapper .full-page:after {
content:'';
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
background:#000;
opacity:0.2
}
#wrapper .full-page#start:after, #wrapper .full-page#kontakt:after, #wrapper .full-page#impressum:after, #wrapper .full-page#contact:after, #wrapper .full-page#imprint:after {
display:none
}
#wrapper .full-page .page-layout {
position:relative;
z-index:2;
width:1314px;
margin:0
auto
}
#wrapper .full-page .page-layout
h1 {
margin-top:100px;
margin-bottom:4px
}
#wrapper .full-page .page-layout
hr {
border:0;
background-color:#FFFFFF;
height:4px
}
#wrapper .full-page .page-layout .page-content {
width:100%;
margin:50px
0;
display:inline-block
}
#wrapper
.column {
position:relative;
float:left;
width:47.5%
}
#wrapper .column:nth-child(1) {
margin-right:5%
}
#tablet-menu, #mobile-menu {
text-align:center;
display:none;
z-index:3;
position:fixed;
height:46px;
padding:7px;
background-color:#8A171C;
color:#FFFFFF
}
#tablet-menu:hover, #mobile-menu:hover {
cursor:pointer
}
#tablet-menu {
border-style:solid;
border-color:#FFFFFF;
border-width:1px;
left:20px;
top:20px;
width:46px;
font-size:12px;
font-size:1.2rem
}
#tablet-menu
hr {
border:0;
background-color:#FFFFFF;
height:2px;
width:70%;
margin:5px
auto
}
#mobile-menu {
border-bottom:1px solid #FFFFFF;
left:0;
top:0;
width:100%;
font-size:20px;
font-size:2rem;
line-height:46px
}
#currentMediaM, #currentMediaSM {
display:none
}
#x-text {
display:none;
font-size:25px;
font-size:2.5rem
}
#menu-text {
margin-top:10px
}
@media (max-width: 1700px) {
#wrapper .full-page .page-layout {
width:94%;
margin:0
3%
}
#wrapper .full-page .page-layout
h1 {
margin-top:80px
}

}
@media (max-width: 1400px) {
#wrapper .full-page .page-layout
h1 {
margin-top:100px
}

}
@media (max-width: 1024px) {
#wrapper {
width:100%
}
#wrapper .full-page .page-layout {
width:84%;
margin-left:12%;
margin-right:4%
}
#wrapper .full-page .page-layout
h1 {
margin-top:80px
}
#tablet-menu { 
display:block
}
#currentMediaM {
max-width:1024px
}

}
@media (max-width: 767px) {
#wrapper .full-page .page-layout {
width:94%;
margin:0
3%
}
#wrapper
.column {
width:100%;
margin:0
}
#tablet-menu {
display:none
}
#mobile-menu {
display:block
}
#currentMediaSM {
max-width:767px
}

}
#oldbrowser {
position:fixed;
top:0;
width:100%;
z-index:1500;
background:tomato;
color:white;
text-align:center
}
#logo-404 {
position:relative;
display:block;
width:128px;
margin:10% auto 5% auto
}
#title-404 {
text-align:center
}
#text-404 {
text-align:center
}
.start .parallax-window {
background:#f6f6f1;
width:100%
}
.start .parallax-window #front-text {
-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-ms-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all 0.6s ease;
opacity:0;
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-ms-transform:scale(0.8);
-o-transform:scale(0.8);
transform:scale(0.8);
position:relative;
color:#8A171C;
line-height:1.6;
letter-spacing:6px;
margin:0
auto
}
.start .parallax-window #front-text.visible {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
opacity:1
}
.start .parallax-window #front-text
.title {
margin-top:20px;
margin-bottom:0;
font-size:35px;
font-size:3.5rem
}
.start .parallax-window #read-more {
cursor:pointer;
-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-ms-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all 0.6s ease;
display:none;
opacity:0;
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-ms-transform:scale(0.8);
-o-transform:scale(0.8);
transform:scale(0.8);
position:relative;
margin:0
auto;
width:60px
}
.start .parallax-window #read-more.visible {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
opacity:1
}
.start .parallax-window #read-more
img {
margin-bottom:20px
}
@media (max-width: 767px) {
.start .parallax-window #front-text
.title {
font-size:30px;
font-size:3rem
}
.start .parallax-window #front-text h3, .start .parallax-window #front-text #header .menu-hauptnavigation-container ul li a, #header .menu-hauptnavigation-container ul li .start .parallax-window #front-text a, .start .parallax-window #front-text #header .menu-hauptnavigation-en-container ul li a, #header .menu-hauptnavigation-en-container ul li .start .parallax-window #front-text
a {
font-size:14px;
font-size:1.4rem
}

}
@media (max-height: 767px) and (max-width: 767px) {
.start .parallax-window #read-more {
display:none
}

}
.profil h2, .profil h3, .profil #header .menu-hauptnavigation-container ul li a, #header .menu-hauptnavigation-container ul li .profil a, .profil #header .menu-hauptnavigation-en-container ul li a, #header .menu-hauptnavigation-en-container ul li .profil
a {
margin:40px
0
}
.profil
p {
margin-bottom:20px
}
.profil
h4 {
color:#7d8fa1;
margin-bottom:10px
}
.profil .flex-container
.foto {
margin:20px
0;
display:block;
max-width:100%;
width:auto;
height:auto
}
.profil .flex-container .werdegang, .profil .flex-container
.bild {
position:relative;
float:left;
width:95%;
margin-bottom:30px
}
.profil .flex-container
.werdegang {
margin-right:5%
}
.profil .flex-container
.philosophie {
position:relative;
float:left;
width:100%
}
.profil .flex-container .philosophie
hr {
height:1px;
width:100%
}
.profil .flex-container .philosophie .one-group {
position:relative;
float:left;
width:47.5%
}
.profil .flex-container .philosophie .one-group:nth-child(2n-1) {
margin-right:5%
}
@media (max-width: 767px) {
.profil .flex-container .werdegang, .profil .flex-container
.bild {
margin-right:0;
width:100%
}
.profil .flex-container .philosophie
hr {
display:none
}
.profil .flex-container .philosophie .one-group {
width:100%
}
.profil .flex-container .philosophie .one-group:nth-child(2n-1) {
margin-right:0
}

}
.kompetenzen .page-content .tab:nth-child(1) {
-webkit-transition:all 1s ease 0.3s;
-moz-transition:all 1s ease 0.3s;
-ms-transition:all 1s ease 0.3s;
-o-transition:all 1s ease 0.3s;
transition:all 1s ease 0.3s
}
.kompetenzen .page-content .tab:nth-child(2) {
-webkit-transition:all 1s ease 0.6s;
-moz-transition:all 1s ease 0.6s;
-ms-transition:all 1s ease 0.6s;
-o-transition:all 1s ease 0.6s;
transition:all 1s ease 0.6s
}
.kompetenzen .page-content .tab:nth-child(3) {
-webkit-transition:all 1s ease 0.9s;
-moz-transition:all 1s ease 0.9s;
-ms-transition:all 1s ease 0.9s;
-o-transition:all 1s ease 0.9s;
transition:all 1s ease 0.9s
}
.kompetenzen .page-content
.tab {
position:relative;
float:left;
width:47.5%;
opacity:0;
-webkit-transform:translate3d(0, 100px, 0px);
-ms-transform:translate3d(0, 100px, 0px);
transform:translate3d(0, 100px, 0px);
-moz-transform:translate3d(0, 100px, 0px);
-o-transform:translat3d(0, 100px, 0px)
}
.kompetenzen .page-content
.tab.visible {
opacity:1;
-webkit-transform:translate3d(0, 0, 0px);
-ms-transform:translate3d(0, 0, 0px);
transform:translate3d(0, 0, 0px);
-moz-transform:translate3d(0, 0, 0px);
-o-transform:translat3d(0, 0, 0px)
}
.kompetenzen .page-content .tab
.title {
box-sizing:border-box;
width:100%;
padding:0 5%;
display:table;
height:100px;
overflow:hidden;
background-color:#8A171C;
color:#b3c0cc
}
.kompetenzen .page-content .tab .title
p {
font-size:18px;
font-size:1.8rem;
display:table-cell;
vertical-align:middle
}
.kompetenzen .page-content .tab
.content {
box-sizing:border-box;
width:100%;
background-color:#FFFFFF;
padding:0 15px;
color:#2c3246
}
.kompetenzen .page-content .tab .content ul
li {
text-align:left;
list-style:none;
margin-bottom:0px;
}
.kompetenzen .page-content .tab:nth-child(2) {
margin:0
2%
}
@media (max-width: 1400px) {
.kompetenzen .page-content .tab .title, .kompetenzen .page-content .tab:nth-child(2) .title {
padding:0
5%;

}
.kompetenzen .page-content .tab .content, .kompetenzen .page-content .tab:nth-child(2) .content {
padding:40px
}

}
@media (min-width: 1025px) and (max-width: 1150px) {
.kompetenzen .page-content .tab .title, .kompetenzen .page-content .tab:nth-child(2) .title {
padding:0
3%
}
.kompetenzen .page-content .tab .title p, .kompetenzen .page-content .tab:nth-child(2) .title
p {
font-size:16px;
font-size:1.6rem
}
.kompetenzen .page-content .tab .content, .kompetenzen .page-content .tab:nth-child(2) .content {
padding:0
20px
}
.kompetenzen .page-content .tab .content li, .kompetenzen .page-content .tab:nth-child(2) .content
li {
font-size:14px;
font-size:1.4rem
}

}
@media (max-width: 940px) {
.kompetenzen .page-content .tab, .kompetenzen .page-content .tab:nth-child(2) {
width:90%;
margin:0
5% 20px 5%
}
.kompetenzen .page-content .tab .title, .kompetenzen .page-content .tab:nth-child(2) .title {
height:80px
}
.kompetenzen .page-content .tab .content, .kompetenzen .page-content .tab:nth-child(2) .content {
padding:25px;
min-height:initial
}

}
.netzwerk .column .netzwerk-text {
min-height:250px
}
.netzwerk .column
ul {
margin-top:20px;
margin-bottom:50px
}
.netzwerk .column ul li:nth-child(1) {
-webkit-transition:all 1s ease 0.1s;
-moz-transition:all 1s ease 0.1s;
-ms-transition:all 1s ease 0.1s;
-o-transition:all 1s ease 0.1s;
transition:all 1s ease 0.1s
}
.netzwerk .column ul li:nth-child(2) {
-webkit-transition:all 1s ease 0.2s;
-moz-transition:all 1s ease 0.2s;
-ms-transition:all 1s ease 0.2s;
-o-transition:all 1s ease 0.2s;
transition:all 1s ease 0.2s
}
.netzwerk .column ul li:nth-child(3) {
-webkit-transition:all 1s ease 0.3s;
-moz-transition:all 1s ease 0.3s;
-ms-transition:all 1s ease 0.3s;
-o-transition:all 1s ease 0.3s;
transition:all 1s ease 0.3s
}
.netzwerk .column ul li:nth-child(4) {
-webkit-transition:all 1s ease 0.4s;
-moz-transition:all 1s ease 0.4s;
-ms-transition:all 1s ease 0.4s;
-o-transition:all 1s ease 0.4s;
transition:all 1s ease 0.4s
}
.netzwerk .column ul li:nth-child(5) {
-webkit-transition:all 1s ease 0.5s;
-moz-transition:all 1s ease 0.5s;
-ms-transition:all 1s ease 0.5s;
-o-transition:all 1s ease 0.5s;
transition:all 1s ease 0.5s
}
.netzwerk .column ul li:nth-child(6) {
-webkit-transition:all 1s ease 0.6s;
-moz-transition:all 1s ease 0.6s;
-ms-transition:all 1s ease 0.6s;
-o-transition:all 1s ease 0.6s;
transition:all 1s ease 0.6s
}
.netzwerk .column ul li:nth-child(7) {
-webkit-transition:all 1s ease 0.7s;
-moz-transition:all 1s ease 0.7s;
-ms-transition:all 1s ease 0.7s;
-o-transition:all 1s ease 0.7s;
transition:all 1s ease 0.7s
}
.netzwerk .column ul li:nth-child(8) {
-webkit-transition:all 1s ease 0.8s;
-moz-transition:all 1s ease 0.8s;
-ms-transition:all 1s ease 0.8s;
-o-transition:all 1s ease 0.8s;
transition:all 1s ease 0.8s
}
.netzwerk .column ul
li {
opacity:0;
-webkit-transform:translate3d(0, 50px, 0px);
-ms-transform:translate3d(0, 50px, 0px);
transform:translate3d(0, 50px, 0px);
-moz-transform:translate3d(0, 50px, 0px);
-o-transform:translat3d(0, 50px, 0px);
text-align:center;
font-size:17px;
font-size:1.7rem;
margin:0
auto 2px auto;
list-style:none;
padding:20px;
background-color:#FFFFFF;
color:#8A171C
}
.netzwerk .column ul
li.visible {
opacity:1;
-webkit-transform:translate3d(0, 0, 0px);
-ms-transform:translate3d(0, 0, 0px);
transform:translate3d(0, 0, 0px);
-moz-transform:translate3d(0, 0, 0px);
-o-transform:translat3d(0, 0, 0px)
}
.netzwerk .column ul li
.small {
font-size:13px;
font-size:1.3rem;
margin:0
}
.kontakt {
background-color:#8A171C
}
.kontakt
.textblock {
opacity:0;
-webkit-transform:translate3d(0, 50px, 0px);
-ms-transform:translate3d(0, 50px, 0px);
transform:translate3d(0, 50px, 0px);
-moz-transform:translate3d(0, 50px, 0px);
-o-transform:translat3d(0, 50px, 0px);
-webkit-transition:all 1s ease 0.3s;
-moz-transition:all 1s ease 0.3s;
-ms-transition:all 1s ease 0.3s;
-o-transition:all 1s ease 0.3s;
transition:all 1s ease 0.3s;
position:relative;
z-index:1;
background-color:#8A171C;
margin-left:15%;
margin-top:5%;
margin-bottom:5%;
padding:40px
60px;
width:320px
}
.kontakt
.textblock.visible {
opacity: .9;
-webkit-transform:translate3d(0, 0, 0px);
-ms-transform:translate3d(0, 0, 0px);
transform:translate3d(0, 0, 0px);
-moz-transform:translate3d(0, 0, 0px);
-o-transform:translat3d(0, 0, 0px)
}
.kontakt .textblock
h1 {
margin-bottom:4px
}
.kontakt .textblock
hr {
border:0;
background-color:#FFFFFF;
height:3px
}
.kontakt .textblock
.name {
font-size:18px;
font-size:1.8rem;
margin-top:25px
}
.kontakt .textblock
.small {
font-size:12px;
font-size:1.2rem;
margin-top:25px
}
.kontakt .textblock
.big {
font-size:18px;
font-size:1.8rem;
margin-top:8px
}
.kontakt .textblock #wiener-linien-link
span {
cursor:pointer;
position:relative;
padding-bottom:3px
}
.kontakt .textblock #wiener-linien-link span:before {
content:"";
position:absolute;
width:100%;
height:1px;
bottom:0;
left:0;
visibility:hidden;
background-color:#FFFFFF;
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transition:all 0.3s ease-in-out 0s;
transition:all 0.3s ease-in-out 0s
}
.kontakt .textblock #wiener-linien-link:hover span:before {
visibility:visible;
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
.kontakt .textblock #google-maps-link {
margin-top:8px
}
.kontakt .textblock #google-maps-link
span {
cursor:pointer;
position:relative;
padding-bottom:3px
}
.kontakt .textblock #google-maps-link span:before {
content:"";
position:absolute;
width:100%;
height:1px;
bottom:0;
left:0;
visibility:hidden;
background-color:#FFFFFF;
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transition:all 0.3s ease-in-out 0s;
transition:all 0.3s ease-in-out 0s
}
.kontakt .textblock #google-maps-link:hover span:before {
visibility:visible;
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
.kontakt .textblock .tel, .kontakt .textblock
.fax {
display:inline-block;
position:relative;
padding-bottom:3px
}
.kontakt .textblock .tel:before, .kontakt .textblock .fax:before {
content:"";
position:absolute;
width:100%;
height:1px;
bottom:0;
left:0;
visibility:hidden;
background-color:#FFFFFF;
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transition:all 0.3s ease-in-out 0s;
transition:all 0.3s ease-in-out 0s
}
.kontakt .textblock .tel:hover:before, .kontakt .textblock .fax:hover:before {
visibility:visible;
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
.kontakt .textblock #social-kontakt {
margin-top:10px
}
.kontakt .textblock #social-kontakt
a {
margin-left:2px;
display:inline-block;
width:30px;
height:30px;
margin-right:6px
}
.kontakt .textblock .kontakt-email {
position:relative;
padding-bottom:3px;
display:inline-block
}
.kontakt .textblock .kontakt-email:before {
content:"";
position:absolute;
width:100%;
height:1px;
bottom:0;
left:0;
visibility:hidden;
background-color:#FFFFFF;
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transition:all 0.3s ease-in-out 0s;
transition:all 0.3s ease-in-out 0s
}
.kontakt .textblock .kontakt-email:hover:before {
visibility:visible;
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
.kontakt .textblock
.vcard {
display:inline-block;
position:relative;
padding-bottom:3px
}
.kontakt .textblock .vcard:before {
content:"";
position:absolute;
width:100%;
height:1px;
bottom:0;
left:0;
visibility:hidden;
background-color:#FFFFFF;
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transition:all 0.3s ease-in-out 0s;
transition:all 0.3s ease-in-out 0s
}
.kontakt .textblock .vcard:hover:before {
visibility:visible;
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
.kontakt #map-canvas {
z-index:0;
position:absolute;
top:0;
left:0;
height:100%;
width:100%
}
@media (max-width: 1024px) {
.kontakt
.textblock {
margin:100px
auto 100px 100px
}

}
@media (max-width: 767px) {
.kontakt
.textblock {
width:94%;
margin-left:3%;
margin-right:3%;
margin-top:80px;
padding:0
}
.kontakt .textblock .kontakt-content {
margin-left:0px
}
#map-canvas {
display:none
}

}
.impressum {
background-color:#8A171C
}
.impressum
h4 {
color:#7d8fa1
}
.impressum h4+h4 {
margin-top:18px
}
.impressum p+h4 {
margin-top:30px
}
.impressum
p {
margin-top:30px
}
.impressum h4+p {
margin-top:18px
}
.impressum .email-impressum+p {
margin-top:0
}
.menu-footer-container {
float:left;
width:100%;
position:relative;
text-align:center;
padding-bottom:27px
}
.menu-footer-container
li {
display:inline
}
.menu-footer-container li
a {
color:#8A171C;
font-size:14px;
font-weight:800;
margin:0
14px
}
.visible-print {
display:none !important
}
@media
print {
.visible-print {
display:inherit !important
}
.hidden-print {
display:none !important
}

}