@font-face{font-family:"Nxt"; src:url("../fonts/1.woff2") format("woff2"),url("../fonts/2.woff") format("woff"); font-weight: 100; font-style: Regular}
@font-face{font-family:"Nxt"; src:url("../fonts/3.woff2") format("woff2"),url("../fonts/4.woff") format("woff"); font-weight: 200; font-style: normal}
@font-face{font-family:"Nxt"; src:url("../fonts/5.woff2") format("woff2"),url("../fonts/6.woff") format("woff"); font-weight: 400; font-style: normal}
@font-face{font-family:"Nxt"; src:url("../fonts/7.woff2") format("woff2"),url("../fonts/8.woff") format("woff"); font-weight: 500; font-style: Regular}
@font-face{font-family:"Nxt"; src:url("../fonts/9.woff2") format("woff2"),url("../fonts/10.woff") format("woff"); font-weight: 800; font-style: normal}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) {display: none; height: 0;}
[hidden] {display: none;}
html {background: #fff; color: #525c64; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0}
html, button, input, select, textarea {font-family: Georgia, sans-serif; color: #525c64}
body {margin: 0; font-size: 1em; line-height: 1.6}

a, a:visited {color: #84aa45; text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {background-color: transparent;}
a:hover, a:focus, a:active {outline: 0; }

::-moz-selection {background: transparent; color: #2d9897; text-shadow: none;}
::selection {background: transparent; color: #2d9897; text-shadow: none;}

::-moz-placeholder {color:#839da0;}
::-webkit-input-placeholder {color:#839da0;}
:-ms-input-placeholder {color:#839da0;}

h1 {font-size: 2em; margin: 0.67em 0;}
h2 {font-size: 1.5em; margin: 0.83em 0;}
h3 {font-size: 1.17em; margin: 1em 0;}
h4 {font-size: 1em; margin: 1.33em 0;}
h5 {font-size: 0.83em; margin: 1.67em 0;}
h6 {font-size: 0.67em; margin: 2.33em 0;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: 700;}
blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; -moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
mark {background: #ff0; color: #000;}
p, pre {margin: 1em 0;}
code, kbd, pre, samp {font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em;}
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
q {quotes: none;}
q:before, q:after {content: ''; content: none;}
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;}
dl, menu, ol, ul {margin: 1em 0;}
dd {margin: 0 0 0 40px;}
menu, ol, ul {padding: 0 0 0 40px;}
nav ul, nav ol {list-style: none; list-style-image: none;}
img {border: 0; -ms-interpolation-mode: bicubic;}
img {vertical-align: middle;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0;}
form {margin: 0;}
fieldset {border: 0; margin: 0; padding: 0;}
legend {border: 0; padding: 0; white-space: normal; *margin-left: -7px;}
button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}
button, input {line-height: normal;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer; *overflow: visible;}
button[disabled], html input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0; *height: 13px; *width: 13px;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
textarea {overflow: auto; vertical-align: top; resize: vertical;}
table {border-collapse: collapse; border-spacing: 0;}

#container {width: 100%}
.content {position: relative; width: 1100px; margin: 0 auto;}


/*

font-family:'Nxt';

DIN Next™ W01 Heavy (33,07kb) 800 
DIN Next™ W01 Regular (31,66kb)  400 
DIN Next™ W01 Light (32,05kb)  200 

*/

.left {float: left; min-height: 1px; width: calc(63% - 10px); margin-left: 2%; margin-right: 5%}
.right {float: left; width: calc(28% + 10px); margin-right: 2%}
h1 {font: 200 280%/1.1 "Nxt", sans-serif; color: #012845; margin: 30px 0 15px}
h2 {font: 400 113%/1.6 Georgia, sans-serif; color: #83909A; font-style: italic; margin: 20px 0 40px}
h3 {font: 800 90%/1 "Nxt", sans-serif; color: #012845; text-transform: uppercase; margin: 20px 0 10px; letter-spacing: 0.5px}
/*
h2 {font: 300 200%/1.2 "L Futura W01", sans-serif; color: #77919e; text-transform: uppercase; margin: 15px 0 5px}
h3 {font: 500 105%/1 "L Futura W01", sans-serif; color: #284753; margin: 30px 0 0}
*/

/*
h4, h5 {font: 500 110%/1 "L Futura W01", sans-serif; color: #77919e; text-transform: uppercase; margin: 30px 0 10px}
h4 b {color: #e30613; font-weight: 500 !important; text-transform: uppercase;}
h5 {color: #b0d5ea; font-size: 105%; margin: 0 0 5px 0}
*/


hr {clear: both; border: none; height: 2px; margin: 30px 0; background: url("../img/hr.png") repeat-x;}

#header_slider {height: 600px; width: 100%; overflow: hidden; position: relative;}
#header_slider img {display:block; width:120%; height:auto; margin-left:-10%;}

/*#header_slider .details {position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 60%; width: 40%; margin: auto; padding: 20px; text-align: center}*/
#header_slider .details {position: absolute; top: 25%; width: 96%; padding: 2%; text-align: center}

#header_slider .details h4 {font: 400 335%/1 "Nxt", sans-serif; color: #fff; text-transform: uppercase; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); margin: 0} /*margin-top:120px*/
#header_slider .details p {font-size: 90%; font-style: italic; color: #fff; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5)}
#header_slider .details a, #header_slider .details a:visited {font-size: 85%; color: #fff; padding: 5px 10px; background: #002e60}
#header_slider .details a:hover {text-decoration: none}

.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel .owl-rtl{direction:rtl}.owl-carousel .owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}
.owl-theme .owl-controls {margin-top: 10px; text-align: center;}
.owl-theme .owl-dots .owl-dot {display: inline-block;}
.owl-theme .owl-dots .owl-dot span {background: #b0d5ea; border-radius: 30px; display: block; height: 10px; margin: 5px 7px; transition: opacity 200ms ease 0s; width: 10px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #e30613}
.owl-carousel {display: block} /* temporär */

#header_picture {width: 1280px}

#header_picture {width: 100%; height: 70px; overflow:hidden; position:relative;}
#header_picture img {display: block; width: 100%; height: auto}

body.one #logo {height: 20px; width: 230px; margin: 35px 2% 15px; background: url("../img/logo_schrittmacher.png") no-repeat;}
body.three #logo {height: 20px; width: 165px; margin: 35px 10px 15px; background: url("../img/logo_anwaltdrmaus.png") no-repeat;}
body.four #logo {height: 18px; width: 151px; margin: 35px 10px 15px; background: url("../img/logo_insodrmaus.png") no-repeat;}
#logo a {display: block; height: 100%; width: 100%;}
#logo a b {display: none}

#togglemenu {position: absolute; left:-9999px; display:none;}
header nav label.togglemenu {display:none;}
/*header nav {display:block; max-width:1280px; width:100%; min-width:320px; margin: auto; background:transparent; position:relative; z-index:1000;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-ms-touch-action: none;
}*/



header nav input, #togglemenu {position: absolute; left: -9999px; display: none;}
header nav label.togglemenu {display:none;}
header nav {margin: 15px 0 0}

header nav ul {position: relative; margin: 0; padding: 0; list-style: none; z-index: 100;}

header nav > ul > li {position: static; float: left; max-width: 180px; margin: 0 5px 0 0;}
header nav > ul > li:before {position: relative; top: 12px; left: 10px; content: ""; height: 6px; width: 6px; border: 1px solid #89cd1a; border-width: 0 1px 1px 0; float:left; margin:5px 0 0 0; z-index:100; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);}
header nav > ul > li.selected {border-bottom: 7px solid #89cd1a}
/*header nav > ul > li:before {position: absolute; top: 12px; left: 10px; content: ""; height: 6px; width: 5px; border: 1px solid transparent; border-color: transparent #0193ce #0193ce transparent; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(-45deg)}*/
header nav ul > li > div {display: block; position: absolute; top: 65px; left: -40px; max-height: 0; width: 100%; overflow: hidden; padding: 0 40px; background: rgba(247,246,246,0.97); z-index: 0; transition: 0.25s; -webkit-transition: 0.25s;}
body.four header nav ul > li > div {top: 67px}
header nav ul > li > div ul {display: inline-block; width: 33%; max-width: 370px; margin-right: 40px; padding: 45px 0 30px; vertical-align: top;}
header nav ul > li > div ul {width: 30%}
header nav ul > li > div ul:last-child {margin-right: 0;}

header nav ul li label {display: block; font: 200 110%/1 "Nxt", sans-serif; color: #012845; padding: 16px 30px; cursor:pointer; position:relative;}
header nav ul li label.openmenu {background: rgba(219,233,242,0); transition:0.25s; -webkit-transition:0.25s;}
header ul li label.opentop {background: rgba(219,233,242,0); transition:0.25s 0.25s; -webkit-transition:0.25s 0.25s;}
header nav ul li label span {display: block; font: 200 70%/1.1 "Frutiger W01", sans-serif; color: #0193ce; margin: 10px 0 0; text-transform: uppercase; letter-spacing: 0.4px}
header nav ul li label.closetop {width:100%; padding:0; height:75px; margin-top:-75px; display:none;}
header nav ul li a {display: block; font: 200 110%/1 "Nxt", sans-serif; color: #012845; padding: 10px 30px;}
header nav ul li a span {display: block; font: 300 70%/1.1 "Frutiger W01", sans-serif; color: #0193ce; margin: 10px 0 0; text-transform: uppercase; letter-spacing: 0.3px}
header nav ul li a:hover, header nav ul li a.selected {text-decoration: none; background: rgba(255,255,255,0.75);}
/*header nav ul li a:hover, header nav ul li a.selected {text-decoration: none; background: rgba(219,233,242,0.9);}*/
/*header nav ul li a:visited {color: #fff; text-decoration: none;}*/
header nav #closemenu {display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 80;}

header nav ul ul li {padding: 2px 0; border-top: 1px solid #2d9897 ;}
header nav ul ul li a {display: block; font: 200 95%/1 "Nxt", sans-serif; color: #2d9897 !important; letter-spacing: 0.3px; padding: 10px 20px;}
header nav ul ul li.noborder {border: 0;}
header nav ul ul li a img {display: block; margin: 0 auto; border: 0;}
/*header nav ul ul li a:hover {color: #fff !important; background: #3fa3d7;}*/
header nav ul ul li.noborder a:hover {background: transparent;}
header nav ul ul li.noborder a {padding: 0 0 5px 0;}

header nav #p1:checked ~ ul > li:nth-of-type(1) > div, header nav #p2:checked ~ ul > li:nth-of-type(2) > div, header nav #p3:checked ~ ul > li:nth-of-type(3) > div, header nav #p4:checked ~ ul > li:nth-of-type(4) > div {max-height:700px; z-index:1; box-shadow: 0 10px 8px -8px rgba(0,0,0,0.3);transition: 0.25s 0.25s;-webkit-transition: 0.25s 0.25s;}
header nav #p1:checked ~ ul > li:nth-of-type(1) > label.opentop, header nav #p2:checked ~ ul > li:nth-of-type(2) > label.opentop, header nav #p3:checked ~ ul > li:nth-of-type(3) > label.opentop, header nav #p4:checked ~ ul > li:nth-of-type(4) > label.opentop {background: rgba(247,246,246,0.97);}
header nav #p1:checked ~ ul > li:nth-of-type(1) .closetop, header nav #p2:checked ~ ul > li:nth-of-type(2) .closetop, header nav #p3:checked ~ ul > li:nth-of-type(3) .closetop, header nav #p4:checked ~ ul > li:nth-of-type(4) .closetop {display: block;}
header nav #p1:checked ~ #closemenu, header nav #p2:checked ~ #closemenu, header nav #p3:checked ~ #closemenu, header nav #p4:checked ~ #closemenu {display: block;}
header nav :checked ~ ul {border:0px solid transparent}
header nav ul > li > ul {display: none} /* TEMP */

header nav#global {margin: 15px 0 65px}
header nav#global > ul > li {max-width: none}

#helper {position: relative; top: -12px; height: 50px; margin: 5px 0 10px; background: rgba(247,246,246,0.97)}

#main .content p, #main .content ul {margin: 5px 0 10px; font-size: 95%; line-height: 1.5}
#main .left {}
#main .left:before {content: ""; position: absolute; top: 35px; left: 66%; height: calc(100% - 135px); width: 5px; background: #baef00}
#main .left ul, #quote ul {margin: 10px 0 20px; padding: 0 0 0 20px; list-style-image: url("../img/li.png")}
#main .left ul li {margin: 0 0 5px}
#main .left img {margin: 20px 0}
#main .left i {font-weight: bold; color: #2d9897}

#main .right {}
#main .right nav {margin: 25px 0 80px}
#main .right nav ul {list-style-image: none; margin-bottom: 50px; padding: 0}
#main .right nav > ul > li {position: relative}
#main .right nav > ul > li:before {position: absolute; top: 12px; content:""; height: 6px; width:5px; border: 1px solid transparent; border-color:transparent #b8d465 #b8d465 transparent;  -webkit-transform:rotate(-45deg);transform:rotate(-45deg); -ms-transform:rotate(-45deg)}
#main .right nav > ul > li.sub:before {border-color:transparent #2d9897 #2d9897 transparent; -webkit-transform:rotate(45deg);transform:rotate(45deg); -ms-transform:rotate(45deg)}

#main .right nav ul li:last-child {}
#main .right nav ul li.selected {padding: 8px 0}
#main .right nav ul li a, #main .right nav ul li a:visited {display: block; font: 200 115%/1.2 "Nxt", sans-serif; margin: 2px 0; padding: 7px 0 7px 30px}
#main .right nav ul li a:hover, #main .right nav ul li a.selected {color: #83909a; text-decoration: none}

#main .right nav ul li ul {margin: 0 0 0 15px}
#main .right nav ul li ul li {}
#main .right nav ul li ul li a {}
#main #quote ul + figure {margin-top: 50px}

#teaser, #info {padding: 25px 0; background: #efefef}
#teaser .left, #teaser .middle, #teaser .right, #info .left, #info .middle, #info .right {width: 32%; float: left; margin: 0}
#teaser .middle, #info .middle {margin: 0 2%}

/* wird nicht mehr benötigt aufgrund der Umstellung */
#teaser .box {text-align: center; border-bottom: 7px solid #89cd1a; background: #fff}
#teaser .box a {display: block}
#teaser .box a:hover, #teaser .box a:visited {text-decoration: none}
#teaser .box img {height: auto; width: 100%; max-width: 100%}
#teaser .box h4 {font: 200 135%/1 "Nxt", sans-serif; color: #012845; margin: 25px 0 15px}
#teaser .box p {font-size: 90%; font-style: italic; color: #012845; margin: 0}
#teaser .box .plus {position: relative; height: 20px; width: 2px; margin: 25px auto 35px; background: #2d9897}
#teaser .box .plus:before {position: absolute; top: 9px; left: -9px;  content: ""; height: 2px; width: 20px; background: #2d9897}

#info {background: #efefef}
#info .box {margin: 0 20px}
#info .box h5 {font: 400 100%/1 "Nxt", sans-serif; color: #012845; text-transform: uppercase; margin: 0 0 35px}
#info .box p {font-size: 80%; color: #012845; margin: 0}
#info .box p.tel {font: 200 225%/1 "Nxt", sans-serif; color: #012845; margin: 10px 0 0}
#info .box p.fax {font: 200 140%/1 "Nxt", sans-serif; color: #012845; margin: 0 0 10px}
#info .box a {text-decoration: none}
#info .box a:hover, #info .box a:visited {text-decoration: none}

#info .right .box {text-align: center}
.three #info .right .box {text-align: left}
#info .right .box h5 {text-align: left; margin: 0 0 10px}
#info .right .box img {}
.three #info .right .box img {margin: 0 25px 15px 0}
#info .right .box p {text-align: center; font-style: italic; margin-top: 25px;}

footer {background: #89cd1a}
footer .left {width: 48%; margin: 0 2% 0 0}
footer .right {width: 48%; margin: 0 0 0 2%}
footer .left img {margin-left: 20px}
footer .right p {font: 800 120%/1 "Nxt", sans-serif; color: #fff; text-transform: uppercase; text-align: right; margin: 85px 20px 0 0; word-spacing: 1px; letter-spacing: 0.5px}
footer a {font: 400 80%/1 "Nxt", sans-serif}

footer nav {margin: 155px 0 35px; text-align: center}
footer nav ul {margin: 0; padding: 0}
footer nav ul li {display: inline-block}
footer nav ul li a, footer nav ul li a:visited {font-size: 65%; color: #2d8456; text-transform: uppercase; text-decoration: none; margin: 0 8px}
footer nav ul li a:hover, footer nav ul li a.selected {}

#top {text-align: center; background: #bbee00}
#top a {position: relative; color: #2d9897}
#top a:after {position: absolute; top: 7px; right: -15px; content: ""; height: 6px; width: 6px; border: 1px solid #2d9897; border-width: 0 1px 1px 0; transform: rotate(225deg); -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg)}

table.t3cols100 {width: 99.9%}
table.t3cols100 thead th {width: 33.3%}
table {text-align:left; margin: 25px 0 35px;}
table caption {font: 800 90%/1 "Nxt", sans-serif; color: #012845; text-transform: uppercase; letter-spacing: 0.5px; padding: 5px 0; text-align: left; border-bottom: 2px solid #2d9897}
table thead {}
table thead th {font-size: 90%; padding: 5px 10px; border-right: 10px solid transparent}
table thead th:last-child {border-right: 0}
table tbody {}
table tbody td {font-size: 95%; padding: 10px; border-top: 1px solid #2d9897; border-right: 10px solid transparent}
table tbody td:last-child {border-right: 0}

.pi_teaser_box {height: 275px; width: 345px; max-height: 275px; max-width: 345px; float: left; text-align: center; margin: 10px; border-bottom: 7px solid transparent; background: #fff}
.pi_teaser_box:hover, .pi_teaser_box:hover a {background-color: #f7f7f7}
.pi_teaser_box a {display: block; height: 100%; border-bottom: 7px solid #89cd1a;x_background: url("../img/pi_teaser_box_row_back.png") repeat-x bottom #fff}
.pi_teaser_box a:hover, .pi_teaser_box a:visited {text-decoration: none}
.pi_teaser_box img {}
.pi_teaser_box h4 {font: 300 135%/1 "Nxt", sans-serif; color: #83909A; margin: 20px 10px 10px}
.pi_teaser_box p {font-size: 90%; font-style: italic; color: #012845; height: 60px; margin: 0 10px; line-height: 1.5}
.pi_teaser_box .plus {position: relative; height: 20px; width: 2px; margin: 15px auto 0; background: #3d9d6b}
.pi_teaser_box .plus:before {position: absolute; top: 9px; left: -9px;  content: ""; height: 2px; width: 20px; background: #3d9d6b}
.pi_teaser_box.quote {text-align: left}
.pi_teaser_box.quote a, .pi_teaser_box.quote a:visited {color: #3c464e}
.pi_teaser_box.quote blockquote {margin: 0; padding: 15px 15px 0; line-height: 1}
.pi_teaser_box.quote h4 {margin: 0 0 15px}
.pi_teaser_box.quote cite {font-size: 75%; font-style: normal}
.pi_teaser_box.quote cite b {font-weight: 700}
.pi_teaser_box.quote p {height: auto; font-size: 130%; color: #7d8087; margin: 20px 0  0; line-height: 1.3}
.pi_teaser_box.stats p {font-size: 80%; height: auto; color: #3c464e}
.pi_teaser_box.stats p i {color: #89c329}
.pi_teaser_box.stats p.stat {font: 100 185%/1 "Nxt", sans-serif; height: auto; margin: 0 0 28px; padding-top: 30px; color: #7d8087; line-height: 1px}
.pi_teaser_box.stats p.stat b {font: 800 400%/1 "Nxt", sans-serif;}
.pi_teaser_box.ext h4 {font: 300 150%/1 "Nxt", sans-serif; color: #83909A; margin: 0 10px 20px; padding-top: 30px;}
.pi_teaser_box.ext p {font-size: 80%; height: auto; color: #3c464e; margin-top: 20px}
.pi_teaser_box.ext p i {color: #89c329}
.pi_teaser_box.downloads {border-bottom: 7px solid #89cd1a}
.pi_teaser_box.downloads h4 {font: 300 150%/1 "Nxt", sans-serif; color: #83909A; margin: 0 10px 15px; padding-top: 30px;}
.pi_teaser_box.downloads p {font-size: 80%; height: auto; color: #3c464e; margin: 15px 10px 25px}
.pi_teaser_box.downloads .pi_linkbutton {margin: 15px 0}
.pi_teaser_box.downloads .pi_linkbutton a {width: 65%; margin: 0 auto; padding: 13px 20px 10px; border-bottom: 0; background: #89c329}

.pi_prevnext {margin: 40px 0 35px 0}
.pi_prevnext a, .pi_prevnext a:visited {font: 100% Verdana; color: #2D9877; padding: 3px 10px 6px; background: #89c329}
.pi_prevnext a:first-child {margin: 0 5px 0 0}
.pi_prevnext a:hover {text-decoration: none}
.pi_prevnext span {font: 200 95%/1 "Nxt", sans-serif; color: #fff; padding: 0 25px 0 10px}

.pi_linkbutton {margin: 25px 0}
.pi_linkbutton a, .pi_linkbutton a:visited {font: 200 95%/1 "Nxt", sans-serif; color: #fff; padding: 7px 20px 4px; background: #2d9897}
.pi_linkbutton a:hover {text-decoration: none}

.pi_quote {color: #012845}
.pi_quote blockquote {font: italic 105%/1 Georgia, serif; color: #012845; margin: 25px 5px}
.pi_quote blockquote p {margin: 5px 0 15px !important; line-height: 1.3 !important}
.pi_quote cite {font: normal 65%/1 Georgia, serif; color: #525c64; font-weight: bold}
.pi_quote cite i {font-style: normal; font-weight: normal}

.pi_tagcloud, .tagcloud {padding: 0; list-style: none}
.pi_tagcloud ul, .tagcloud ul {}
.pi_tagcloud ul li, .tagcloud ul li {}
.pi_tagcloud ul li:nth-child(1), .tagcloud li:nth-child(1) {font-size: 75%; margin: 0 0 0 65px}
.pi_tagcloud ul li:nth-child(2), .tagcloud li:nth-child(2) {font-size: 135%; margin: 0 0 0 100px}
.pi_tagcloud ul li:nth-child(3), .tagcloud li:nth-child(3) {font-size: 115%; margin: 0 0 0 40px}
.pi_tagcloud ul li:nth-child(4), .tagcloud li:nth-child(4) {font-size: 75%; margin: 0 0 0 40px}
.pi_tagcloud ul li:nth-child(5), .tagcloud li:nth-child(5) {font-size: 115%; margin: 0 0 0 80px}
.pi_tagcloud ul li a, .tagcloud a {color: #84aa45}

.pi_chart {margin: 25px 0}
.pi_chart:before, .pi_chart:after {display: block; content:""; height: 2px; background: url("../img/hr.png") repeat-x;}
.pi_chart canvas {margin: 15px 0}
.pi_chart p i {font-weight: normal !important; color: #525c64 !important}

.pi_video {margin: 25px 0}
.pi_video iframe {height: 365px; width: 100%; border: none}

#slider {margin: 15px 0 25px 0; width: 600px; max-width: 100%; height: auto}
#slider img {height: auto; margin: 0 !important}
#slider p {font-size: 80%; line-height: 1.2; margin: 9px 0 0}

#map_wrapper {position: relative; margin: 25px 0}
#map {height: 450px; width: 100%}
#map .gm-style-cc {display: none !important}

@media only screen and (max-width: 1695px) {
  #header_slider {height: 400px}
}

@media only screen and (max-width: 1300px) {
  /*#header_slider {width: 100%}*/
  /*#header_picture {width: auto}
  #header_picture img {height: auto; width: 100%}*/
  /*header nav {margin: 180px 0 0}*/
  header.sub nav {margin: 180px 0 0}
  #main .left img {height: auto; max-width: 100%}
}

@media only screen and (max-width: 1200px) {
  header nav ul > li > div {left: 0; padding: 0;}
}

@media only screen and (max-width: 1120px) {
  .content {width: 100%} /*1000px*/
  header nav ul > li > div {left: 0; padding: 0;}
  #quote img {height: auto; max-width: 100%}
  #teaser .content, #info .content {width: 730px}
  footer .content {}
  #info .left, #info .right {width: 48%; margin: 0 1%}
  #info .middle {display: none}
  #info .box, #info .right .box h5 {text-align: center}
  .pi_chart canvas {height: auto; max-width: 100%}
}

@media only screen and (max-width: 1060px) {
  /*#header_slider .details {width: 50%}
  #header_slider .details h4 {margin: 0}*/
}

@media only screen and (max-width: 1045px) {
  #header_slider .details h4 {font-size: 5vw}
}

@media only screen and (max-width: 990px) {
  #header_slider {width: 100%}
  header nav {clear:both;}
  #container header .content {width:100%;}
  header nav ul > li > div ul {max-width:370px; width:30%; margin-right:3%;}
  header nav ul > li > div ul:last-child {margin-right:0;}
  header nav ul ul li a img {width:100%; max-width:360px;}
}

@media only screen and (max-width: 960px) {
  #main .left {width: 95%; margin: 0 2.5%; float: none}
  #main .left:before {display: none}
  #main .right {width: 95%; margin: 0 2.5%; float: none}
  #main .right nav, #quote {display: none}
  .pi_content_2cols .left, .pi_content_2cols .right {width: 100% !important; margin: 0 !important}
}

@media only screen and (max-width: 850px) {
  /*#header_slider .details {width: 65%}*/
}

@media only screen and (max-width: 825px) {

}

@media only screen and (max-width: 820px) {
  #info .content {width: 100%}
  #info .right {display: none}
  #info .left {width: 98%; margin-bottom: 25px}
  #teaser .content {width: 600px}
  .pi_teaser_box {height: 230px; width: 280px; max-height: 230px; max-width: 280px}
  .pi_teaser_box img {height: auto; width: 100%}
  .pi_teaser_box h4 {font-size: 115%;}
  .pi_teaser_box .plus {display: none}
  .pi_teaser_box.stats h4 {margin: 0 0 15px}
  .pi_teaser_box.quote p {font-size: 110%}
  .pi_teaser_box.stats p.stat b {font-size: 250%}
  .pi_teaser_box.downloads p {display: none}
  .pi_teaser_box.ext img {width: 50%}
}

@media only screen and (max-width: 768px) {
  h1 {font-size: 285%; word-wrap: break-word}
  #header_slider {height: 300px}
  #header_picture {height: 40px}
  header nav label {display:block; cursor:pointer;}
  #main .left img {height: auto; max-width: 100%}
  
  #container header .content {width:100%;}
  header nav {clear:both;}
  header nav label.togglemenu {float:right; display:inline-block; cursor:pointer; position:relative; z-index:100; font: 300 120%/1 "Frutiger W01", sans-serif; color: #000; margin-bottom:10px;}
  header nav label.togglemenu:after {display:inline-block; content:"\2261"; font: 300 120%/1 "Frutiger W01", sans-serif; color: #000; padding-left:6px; vertical-align:middle; padding-right:20px;}
  header nav > ul {max-height:0; overflow:hidden; width:100%; background:#84aa45; padding:0; clear:both; transition:0.5s; -webkit-transition:0.5s;}
  header nav ul li label.closetop {height:48px; margin-top:-48px;}
  
  header nav > ul > li:before {border-color:#fff;}
  header nav ul li label.opentop {color:#fff; border-top:1px solid #fff; text-align:left;}
  header nav ul li label span {color:#fff; display:inline;}
  header nav > ul > li {width:100%; max-width:100%; text-align:center;}
  header nav #togglemenu:checked ~ ul {max-height:700px;}
  header nav ul > li > div {position:static; padding:0;}
  header nav ul > li > div ul {width:100%; max-width:100%; display:block; padding:0 0 0 10px; background: #2D9877;} 
  
  header nav #p1:checked ~ ul > li:nth-of-type(1) > label.opentop, header nav #p2:checked ~ ul > li:nth-of-type(2) > label.opentop, header nav #p3:checked ~ ul > li:nth-of-type(3) > label.opentop, header nav #p4:checked ~ ul > li:nth-of-type(4) > label.opentop {background: #2D9877;}
  header nav ul ul li {border:0; padding:0; text-align:left;}
  header nav ul ul li a {display:block; color:#fff !important; background:#84AA45; border-top:1px solid #fff;}
  header nav ul ul li a:hover {background:#2D9877;} 
  header nav ul ul li.noborder a {padding-top:5px;}
  
  header nav ul > li:nth-of-type(1) > div, header nav ul > li:nth-of-type(2) > div, header nav ul > li:nth-of-type(3) > div, header nav ul > li:nth-of-type(4) > div {transition:0.4s; -webkit-transition:0.4s;}
  header nav #p1:checked ~ ul > li:nth-of-type(1) > div, header nav #p2:checked ~ ul > li:nth-of-type(2) > div, header nav #p3:checked ~ ul > li:nth-of-type(3) > div, header nav #p4:checked ~ ul > li:nth-of-type(4) > div {box-shadow:none; transition:1.5s; -webkit-transition:1.5s;}
  .closemenu {position: absolute; top: 10px; right: 10px; height: 20px; width: 20px; -webkit-transform: skew(0deg); -moz-transform: skew(0deg); -ms-transform: skew(0deg); -o-transform: skew(0deg); transform: skew(0deg); background:transparent; cursor: pointer; color: #294854; z-index: 500}
  .closemenu:before {position: absolute; top: 8px; left: -3px; content: ""; height: 4px; width: 26px; -webkit-transform:rotate(45deg); transform:rotate(45deg); background:#e30613}
  .closemenu:after {position: absolute; top: 8px; left: -3px; content: ""; height: 4px; width: 26px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); background:#e30613}
}

@media only screen and (max-width: 740px) {
  /*#teaser .content {width: 650px}
  .pi_teaser_box {height: 225px; width: 265px; max-height: 225px; max-width: 265px; margin: 10px}
  .pi_teaser_box img {height: auto; width: 100%}
  .pi_teaser_box h4 {margin: 15px 0 10px}
  .pi_teaser_box p {font-size: 80%}
  .pi_teaser_box.quote blockquote {padding: 40px 0 0 5px; background-size: 15%}
  .pi_teaser_box.quote h4 {margin: 0 0 10px}
  .pi_teaser_box.quote cite {font-size: 90%}
  .pi_teaser_box.stats h4 {margin: 0 0 15px}
  */
}

@media only screen and (max-width: 705px) {
  #slider {width: auto}
  .pi_video iframe {height: 225px}
}

@media only screen and (max-width: 670px) {
  /*#header_slider .details h4 {font-size: 280%}*/
  #teaser .content {width: 300px}
  footer .left, footer .right {float: none; width: 98%; margin: 0 1%}
  footer .left {text-align: center}
  footer .left img {margin: 0 auto}
  footer .right p {text-align: center}
}

@media only screen and (max-width: 650px) {
  #header_slider {height: 200px}
}

@media only screen and (max-width: 575px) {
  /*#header_slider .details p {display: none}*/
}

@media only screen and (max-width: 480px) {
  /*#header_slider .details {height: 40%; width: 75%}
  #header_slider .details h4 {font-size: 180%}*/
  #header_picture {height: 25px}
  header nav .menupanel {position:relative; text-align:center; width:80%; margin:0 0 0 5%; height:100%; display:table;}
  footer .left, footer .right {width: 100%; margin: 0}
  footer .right {}
}

@media only screen and (max-width: 450px) {
  footer .left img {height: auto; width: 100%}
}

@media only screen and (max-width: 400px) {
  footer {background-position: center 100px}
  footer nav ul li {display: block; margin: 1px 0}
  footer nav ul li a {display: block; width: 75%; margin: 0 auto}
}

@media only screen and (max-width: 370px) {
  #teaser .content {width: 285px}
  .pi_teaser_box {height: 207px; width: 245px; max-height: 207px; max-width: 245px; padding: 10px}
  .pi_teaser_box h4 {margin: 10px 0 5px}
  .pi_teaser_box a {background: none}
  .pi_teaser_box.quote h4 {margin: 0 0 5px}
  .pi_teaser_box.quote blockquote {padding: 25px 0 0 5px; background-size: 10%}
  .pi_teaser_box.ext h4, .pi_teaser_box.downloads h4 {padding-top: 10px}
  .pi_teaser_box.quote p {font-size: 100%}
  .pi_teaser_box.stats p.stat b {font-size: 200%}
  .pi_teaser_box.ext img {width: 50%}
}

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { 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; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clear:before, .content:before, footer:before, .pi_downloads:before, .clear:after, .content:after, footer:after, .pi_downloads:after { content: ""; display: table; }
.clear:after, .content:after, footer:after, .pi_downloads:after { clear: both; }
.clear, .content, footer, .pi_downloads { *zoom: 1; }

@media print {
  *, *:before, *:after, *:first-letter, *:first-line {background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; font-size: 12px !important}
  a, a:visited {text-decoration: underline}
  pre, blockquote {border: 1px solid #999; page-break-inside: avoid}
  thead {display: table-header-group}
  tr, img {page-break-inside: avoid}
  img {max-width: 100% !important}
  p, h2, h3 {orphans: 3; widows: 3}
  h2, h3 {page-break-after: avoid}
  
  h1 {font-size: 125%}
  h2 {font-size: 100%}
  h3 {font-size: 100%}

  .content {width: auto !important}
  .left, .right {width: 100% !important; margin: 20px 0 0 !important}
  #main .left:before {display: none}
  header, #helper, #main .right, #teaser, .pi_prevnext, #info, .cookieinfo, footer {display: none}
}