/* normalize */
html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
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; }
dfn { font-style: italic; }
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-style: none; }
svg:not(:root) { overflow: hidden; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { overflow: auto; font-family: monospace, monospace; font-size: 1em; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button, input { 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; border-radius: 0;}
select { border-radius: 0;}
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; border-radius: 0; -webkit-appearance: none !important; cursor:pointer;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input[type="submit"]{-webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
legend { border: 0;  padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0;}
td, th { padding: 0; }
::-moz-selection {background: #b7e6f8; text-shadow: none; }
audio, canvas, iframe, svg, video { vertical-align: middle; }
img { vertical-align: top; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.hidden, .invisible { display: none !important; }
.clearfix:before, .clearfix:after { content: " ";  display: table; }
.clearfix:after, .clear { clear: both; }
/* nur safari */
* {-webkit-tap-highlight-color: rgba(0,0,0,0);}
svg:not(:root) { overflow: hidden; }

/* allgemein */
* { margin:0; padding:0; border:0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html,body { height:100%; width:100%; }
html { font-size:100%;  }
a {text-decoration:none; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; display:inline-block; color:#11204D;}
a:hover {color:#6AECE5;}
*:focus  { outline: 0; }
ul, ol { margin: 0; padding: 0 ; }
nav ul, ul { list-style: none; list-style-image: none; }
.transit, input.submit, a img, a h2 {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}

/* fonts */
@font-face { font-family: "TheSansLight"; src: url('../../files/system/css/fonts/TheSansB_TT3_.eot'); src: url('../../files/system/css/fonts/TheSansB_TT3_.woff') format("woff"); }
@font-face { font-family: "TheSansSemi"; src: url('../../files/system/css/fonts/TheSansB_TT4_.eot'); src: url('../../files/system/css/fonts/TheSansB_TT4_.woff') format("woff"); }
@font-face { font-family: "TheSansPlain"; src: url('../../files/system/css/fonts/TheSansB_TT5_.eot'); src: url('../../files/system/css/fonts/TheSansB_TT5_.woff') format("woff"); }
@font-face { font-family: "TheSansSemiBold"; src: url('../../files/system/css/fonts/TheSansB_TT6_.eot'); src: url('../../files/system/css/fonts/TheSansB_TT6_.woff') format("woff");}
/* icons */
@font-face { font-family: 'icons';  src:  url('../../files/system/css/fonts/icons.eot'); src: url('../../files/system/css/fonts/icons.eot#iefix') format('embedded-opentype'), url('../../files/system/css/fonts/icons.ttf') format('truetype'),    url('../../files/system/css/fonts/icons.woff') format('woff'), url('../../files/system/css/fonts/icons.svg') format('svg'); font-weight: normal; font-style: normal; font-display: block; }
.icons { font-family: 'icons' !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-close:before {content: "\e900";}
.icon-down:before {content: "\e901";}
.icon-download:before {content: "\e902";}
.icon-left:before {content: "\e903";}
.icon-li:before {content: "\e904";}
.icon-link:before {content: "\e905";}
.icon-linkedin:before {content: "\e906";}
.icon-location:before {content: "\e907";}
.icon-mail:before {content: "\e908";}
.icon-phone:before {content: "\e909";}
.icon-right:before {content: "\e90a";}
.icon-slider-right:before {content: "\e90b";}
.icon-up:before {content: "\e90c";}
.icon-x-inso:before { content: "\e90d";}
.icon-x-iso:before {content: "\e90e";}
.icon-x-juve:before {content: "\e90f";}
.icon-x-legal500:before {content: "\e910";}
.icon-x-quali:before {content: "\e911";}
.icon-x-vid:before {content: "\e912";}


body {font-family: 'TheSansSemi', Arial, sans-serif; color:#11204D; background:#fff; font-size:1em; line-height:1.5em;}
.wrap { min-height:100%;}
h1, h2, h3 {font-family: "TheSansSemiBold"; font-size:3rem; line-height:1.2em; margin-bottom:10px;}
h1 {font-size:3.75rem; line-height:1.4em; }
h4 {font-family: "TheSansSemiBold"; font-size:1.25rem; line-height:1.2em; margin-bottom:10px;}
h5 {font-family: "TheSansSemi"; font-size:2rem; line-height:1.5em; margin-bottom:20px;}
b, strong, .bold { font-family: "TheSansSemiBold"; }
.center {max-width:1226px; margin:0 auto; position:relative; padding:0 40px;}
.darkblue {color:#11204D;}
.cyan {color:#6AECE5;}

/* header */
header {position:fixed; z-index:100; top:0; width:100%; height:115px; background:#11204D; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
header .logo {position:relative; float:left; padding-top:30px; -webkit-transition: all .5s ease-out; transition: all .5s ease-out;}
/* hamburger */
.hamburger { position:relative; float:right; padding: 15px 5px 15px 15px; display:none; cursor: pointer; transition-property: opacity, filter;  transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; overflow: visible; }
.hamburger:hover, .hamburger.is-active:hover { }
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #fff; }
.hamburger-box { width: 26px; height: 22px; display: inline-block; position: relative; }
.hamburger-inner { display: block; top: 50%;  margin-top: 0px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 30px; height: 2px; background-color: #fff; border-radius: 3px; position: absolute;
transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after { content: "";  display: block; }
.hamburger-inner::before { top: -10px; }
.hamburger-inner::after { bottom: -5px; }	
.hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse .hamburger-inner::after { top: -20px;   transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse .hamburger-inner::before {transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
.hamburger--collapse.is-active .hamburger-inner::before { top: 0; transform: rotate(-90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* navigation */
.navigation {float:right; font-family: "TheSansLight"; font-size:1.125em; line-height:1.5em; color:#fff; padding-top:45px;}
.main-menu { float:left; margin-right:50px; }
.mod_changelanguage {float:right;}
.mod_changelanguage strong {font-family: 'TheSansSemi', Arial, sans-serif; font-weight:normal;}
.menu li { float:left; margin-left:50px;}
.menu li:first-child {margin-left:0;} 
.mod_changelanguage.menu li:nth-child(2) {margin-left:20px;}  
.menu a {position:relative; color:#fff;}
.menu a:hover, .menu span.active, .menu .trail a, .mod_changelanguage .active {color:#6AECE5;}

/* main */
main {position:relative; padding-top:115px;}
main .scrollback {position:absolute; top:0; width:100%; height:115px; background:#11204D;}
.ce_text ul li {padding-left:20px; position:relative; margin-bottom:10px;}
.ce_text ol li {margin-left:20px; padding-left:5px; position:relative; margin-bottom:10px;}
.ce_text ul li:before {content: "-"; position:absolute; left:0; }
.onscroll { position:relative; opacity: 1; top:0; -webkit-transition:all 1s ease-out 0.3s; transition:all 1s ease-out 0.3s;}
.onscroll-hidden { opacity: 0; top:0px;}
.float_right {float:right;}
.float_left {float:left;}

/* footer */
footer {position:relative; padding:100px 0; width:100%; background:#11204D; color:#fff;}
.footer-address {margin-top:80px; }
.footer-address {float:left; width:14.2857%; font-size:.9em;}
.address_links {margin-top:10px; font-size:1.2em; position:relative;}
.address_links a {color:#799BAD; margin-right:20px;}
.address_links a:hover {color:#fff;}
.address_links .email {color:transparent; position:absolute; width:30px; left:0; overflow:hidden;}
.address_links .email:hover {color:transparent;}
.address_links .email:before {font-family: 'icons';  content: "\e908"; color:#799BAD; font-size:1em;}
.address_links .email:hover:before {color:#fff;}
.address_links .tel_link {position:absolute; left:45px; }
.footer-bottom {margin-top:100px;}
.footer-bottom .linkedin {float:left; color:#9AB9C8; font-size:1.3em;}
.footer-bottom .linkedin:hover {color:#fff;}
.go-top {float:left; color:#fff;margin-left:50px;}
/* linkedin hide */
.footer-bottom .linkedin {display:none;}
.go-top {margin-left:0px;}


.copy {float:left; color:#9AB9C8;margin-left:80px;}
.footer-menu {float:right; width:33.3333%;}
.footer-menu li {float:left; display:block; width:50%;}
.footer-menu a {color:#fff;}
.footer-menu a:hover {color:#6AECE5;}

/* close */
.close-button { height:30px; width:30px; position: relative; box-sizing: border-box; line-height:30px; display: inline-block; margin-top:5px;}
.close-button:before, .close-button:after { transform: rotate(-45deg); content: ''; position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left:-15px; display: block; height:2px; width:30px;background-color: #fff;transition: all 0.25s ease-out;    }
.close-button:after { transform: rotate(-135deg); }
.close:hover .close-button:before, .close:hover  .close-button:after { transform: rotate(0deg); }
.xbox {float:right; border:2px solid #fff; width:44px; height:44px; border-radius:22px; text-align:center; margin-left:30px;}

.more {color:#11204D; font-family: "TheSansSemiBold"; font-size:1.125em; margin-top:20px;}
.more:after {font-family: 'icons'; content: "\e90a"; margin:5px 0 0 20px;}
.more:hover {color:#6AECE5;}

table tr td {vertical-align:top;}

/* responsive schnickschnack */
@media (max-width: 1100px) { 
	.footer-address {width:33.3333%; font-size:1em;}
	.footer-bottom .linkedin {display:none;}
	.go-top {margin-left:0;}
	.footer-menu {float:right; width:40%;}
}
/* nav break */
@media (min-width: 961px) { 
	header.scroll {position:fixed; z-index:100; top:0; width:100%; height:56px; }
	header.scroll .logo { padding-top:12px; }
	header.scroll .logo img { height:30px; width:auto;}
	header.scroll .navigation { padding-top:15px;}
}
@media (max-width: 960px) { 
	main {position:relative; padding-top:56px;}
	main .scrollback {display:none;}
	h1 {font-size:3rem; line-height:1.1em; }
	h2, h3 {font-size:2.6rem; line-height:1.1em; }
	header {position:fixed; z-index:100; top:0; width:100%; height:56px; }
	header .logo { padding-top:12px; }
	header .logo img { height:30px; width:auto;}
	.hamburger {display:block;}
	.navigation {position:fixed; z-index:90; top:56px; left:100%; width:100%; height:100%; background:#44597B; text-align:center; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; padding-top:0; }
	.navigation.active { left:0;}
	.overflowbox {position: absolute; width:100%; text-align:center; color:#fff; top: 50%;  -ms-transform: translateY(-50%);  transform: translateY(-50%); }
	.navigation .menu li { float:none; margin:20px 0;}
	.main-menu { float:none; margin-right:0; font-size:1.2em;}
	.mod_changelanguage {float:none; margin-top:50px; font-size:.9em;}
	.mod_changelanguage li {display:inline;}
	.go-top {position:relative; float:none; width:150px; left:50%; margin-left:-75px;}
	.footer-menu {float:none; width:100%; text-align:center; margin-top:50px;}
	.copy {float:none; width:100%; text-align:center; margin-left:0; margin-top:50px;}
}
@media (max-width: 801px) {

}
@media (max-width: 600px) { 
	.center { padding:0 20px;}
	.footer-address {width:50%; }
	.address_links {font-size:1.5em;}
	footer img {width:100%; height:auto;}
}
@media (max-width: 500px) { 
	h1 {font-size:2.5rem; line-height:1.1em; }
	h2 {font-size:2rem; line-height:1.1em; }
	h3 {font-size:1.8rem; line-height:1.1em; }
	h5 {font-size:1.5rem; line-height:1.5em; }
}
@media (max-width: 350px) { 
	.footer-address {width:100%; }
}

@media (min-height: 570px) AND (max-width: 960px) { 
	.navigation .menu li { float:none; margin:30px 0;}
}
/* print */
@media print {
	body {font-size:0.9em;}
	header, footer {display:none;}
	.print_button {display:none !important;}
	.print {visibility:visible;}
    *, *:before, *:after, *:first-letter, *:first-line { background: transparent !important;color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
    a,a:visited { text-decoration: underline;}
    a[href]:after {content: " (" attr(href) ")"; }
    abbr[title]:after {content: " (" attr(title) ")";}
	a[href^="#"]:after, a[href^="javascript:"]:after {  content: ""; }
    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;}
}
/* animsition */ .animsition,.animsition-overlay{position:relative;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animsition-overlay-slide{position:fixed;z-index:1;width:100%;height:100%;background-color:#fff}.animsition-loading,.animsition-loading:after{width:50px;height:50px;position:fixed;top:50%;left:50%;margin-top:-25px;margin-left:-25px;border-radius:50%;z-index:2}.animsition-loading{background-color:transparent;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:animsition-loading;animation-name:animsition-loading}@-webkit-keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{-webkit-animation-name:fade-in;animation-name:fade-in}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.fade-out{-webkit-animation-name:fade-out;animation-name:fade-out}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up{-webkit-animation-name:fade-in-up;animation-name:fade-in-up}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}@keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}.fade-out-up{-webkit-animation-name:fade-out-up;animation-name:fade-out-up}@-webkit-keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-sm{-webkit-animation-name:fade-in-up-sm;animation-name:fade-in-up-sm}@-webkit-keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}@keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}.fade-out-up-sm{-webkit-animation-name:fade-out-up-sm;animation-name:fade-out-up-sm}@-webkit-keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-lg{-webkit-animation-name:fade-in-up-lg;animation-name:fade-in-up-lg}@-webkit-keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}@keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}.fade-out-up-lg{-webkit-animation-name:fade-out-up-lg;animation-name:fade-out-up-lg}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}@keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}.fade-out-down{-webkit-animation-name:fade-out-down;animation-name:fade-out-down}@-webkit-keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down-sm{-webkit-animation-name:fade-in-down-sm;animation-name:fade-in-down-sm}@-webkit-keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}@keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}.fade-out-down-sm{-webkit-animation-name:fade-out-down-sm;animation-name:fade-out-down-sm}.fade-in-down-lg{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}@keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}.fade-out-down-lg{-webkit-animation-name:fade-out-down-lg;animation-name:fade-out-down-lg}@-webkit-keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left{-webkit-animation-name:fade-in-left;animation-name:fade-in-left}@-webkit-keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}@keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}.fade-out-left{-webkit-animation-name:fade-out-left;animation-name:fade-out-left}@-webkit-keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-sm{-webkit-animation-name:fade-in-left-sm;animation-name:fade-in-left-sm}@-webkit-keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}@keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}.fade-out-left-sm{-webkit-animation-name:fade-out-left-sm;animation-name:fade-out-left-sm}@-webkit-keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-lg{-webkit-animation-name:fade-in-left-lg;animation-name:fade-in-left-lg}@-webkit-keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}@keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}.fade-out-left-lg{-webkit-animation-name:fade-out-left-lg;animation-name:fade-out-left-lg}@-webkit-keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right{-webkit-animation-name:fade-in-right;animation-name:fade-in-right}@-webkit-keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}@keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}.fade-out-right{-webkit-animation-name:fade-out-right;animation-name:fade-out-right}@-webkit-keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-sm{-webkit-animation-name:fade-in-right-sm;animation-name:fade-in-right-sm}@-webkit-keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}@keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}.fade-out-right-sm{-webkit-animation-name:fade-out-right-sm;animation-name:fade-out-right-sm}@-webkit-keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-lg{-webkit-animation-name:fade-in-right-lg;animation-name:fade-in-right-lg}@-webkit-keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}@keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}.fade-out-right-lg{-webkit-animation-name:fade-out-right-lg;animation-name:fade-out-right-lg}@-webkit-keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in{-webkit-animation-name:rotate-in;animation-name:rotate-in}@-webkit-keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}@keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}.rotate-out{-webkit-animation-name:rotate-out;animation-name:rotate-out}@-webkit-keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-sm{-webkit-animation-name:rotate-in-sm;animation-name:rotate-in-sm}@-webkit-keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}.rotate-out-sm{-webkit-animation-name:rotate-out-sm;animation-name:rotate-out-sm}@-webkit-keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-lg{-webkit-animation-name:rotate-in-lg;animation-name:rotate-in-lg}@-webkit-keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}.rotate-out-lg{-webkit-animation-name:rotate-out-lg;animation-name:rotate-out-lg}@-webkit-keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}@keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}.flip-in-x{-webkit-animation-name:flip-in-x;animation-name:flip-in-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}@keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}.flip-out-x{-webkit-animation-name:flip-out-x;animation-name:flip-out-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}.flip-in-x-nr{-webkit-animation-name:flip-in-x-nr;animation-name:flip-in-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}.flip-out-x-nr{-webkit-animation-name:flip-out-x-nr;animation-name:flip-out-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}.flip-in-x-fr{-webkit-animation-name:flip-in-x-fr;animation-name:flip-in-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}.flip-out-x-fr{-webkit-animation-name:flip-out-x-fr;animation-name:flip-out-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}@keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}.flip-in-y{-webkit-animation-name:flip-in-y;animation-name:flip-in-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}@keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}.flip-out-y{-webkit-animation-name:flip-out-y;animation-name:flip-out-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}.flip-in-y-nr{-webkit-animation-name:flip-in-y-nr;animation-name:flip-in-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}.flip-out-y-nr{-webkit-animation-name:flip-out-y-nr;animation-name:flip-out-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}.flip-in-y-fr{-webkit-animation-name:flip-in-y-fr;animation-name:flip-in-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}.flip-out-y-fr{-webkit-animation-name:flip-out-y-fr;animation-name:flip-out-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}@keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}.zoom-in{-webkit-animation-name:zoom-in;animation-name:zoom-in}@-webkit-keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}@keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}.zoom-out{-webkit-animation-name:zoom-out;animation-name:zoom-out}@-webkit-keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}@keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}.zoom-in-sm{-webkit-animation-name:zoom-in-sm;animation-name:zoom-in-sm}@-webkit-keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}@keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}.zoom-out-sm{-webkit-animation-name:zoom-out-sm;animation-name:zoom-out-sm}@-webkit-keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}@keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}.zoom-in-lg{-webkit-animation-name:zoom-in-lg;animation-name:zoom-in-lg}@-webkit-keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}@keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}.zoom-out-lg{-webkit-animation-name:zoom-out-lg;animation-name:zoom-out-lg}@-webkit-keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}.overlay-slide-in-top{top:0;height:0;-webkit-animation-name:overlay-slide-in-top;animation-name:overlay-slide-in-top}@-webkit-keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}.overlay-slide-out-top{top:0;height:100%;-webkit-animation-name:overlay-slide-out-top;animation-name:overlay-slide-out-top}@-webkit-keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}.overlay-slide-in-bottom{bottom:0;height:0;-webkit-animation-name:overlay-slide-in-bottom;animation-name:overlay-slide-in-bottom}@-webkit-keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}.overlay-slide-out-bottom{bottom:0;height:100%;-webkit-animation-name:overlay-slide-out-bottom;animation-name:overlay-slide-out-bottom}@-webkit-keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}.overlay-slide-in-left{width:0;-webkit-animation-name:overlay-slide-in-left;animation-name:overlay-slide-in-left}@-webkit-keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}.overlay-slide-out-left{left:0;width:100%;-webkit-animation-name:overlay-slide-out-left;animation-name:overlay-slide-out-left}@-webkit-keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}.overlay-slide-in-right{right:0;width:0;-webkit-animation-name:overlay-slide-in-right;animation-name:overlay-slide-in-right}@-webkit-keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}.overlay-slide-out-right{right:0;width:100%;-webkit-animation-name:overlay-slide-out-right;animation-name:overlay-slide-out-right}
/* Detail Ansicht */
.detailcenter {max-width:980px; margin:0 auto; position:relative; padding:0 40px;}
.detailcenter .image {margin:50px 0;}
.detailcenter img {max-width:100%; height:auto;}
.detailcenter .logo img {max-width:400px; height:auto; margin-top:-50px;}
.detail-top {background:#DFE8ED; padding:100px 0; text-align:center;}
.detail-top .category, .detail-top .go_back {position:relative; font-family: "TheSansSemiBold"; font-size:1.5em; color:#799BAD;}
.detail-top h1 {margin:80px 0;}
.detail-top .go_back:before {position:relative; font-family: 'icons'; content: "\e903"; top:5px; margin-right:30px; font-size:1.3em;}
.detail-top .go_back:hover {color:#6AECE5;}
.detail-content {padding:80px 0 120px;}
.detail-content .date {color:#799BAD; margin-bottom:20px;}

.back_box {text-align:center; margin-top:50px;}
.detailcenter .go_back {position:relative; font-family: "TheSansSemiBold"; font-size:1.5em; color:#799BAD;}
.detailcenter .go_back:before {position:relative; font-family: 'icons'; content: "\e903"; top:5px; margin-right:20px; font-size:1.3em;}
.detailcenter .go_back:hover {color:#6AECE5;}

.top-image {position:relative; width:100%; background-size: cover; background-position: center center; }
.top-image img {display:none;}
.top-image .headline {position:absolute; width:100%; text-align:center; color:#fff; top: 50%;  -ms-transform: translateY(-50%);  transform: translateY(-50%);}
.top-image .teamheadline {position:absolute; width:100%; text-align:center; color:#fff;  bottom:140px; }
.top-image .go-down {position:absolute; bottom:80px; left:50%; width:40px; margin-left:-20px; color:#fff; font-size:2.5em;}
.top-image .go-down:hover {color:#6AECE5;}
.top-image .scroll_mark {position:absolute; bottom:0; width:1px; height:90px; background:transparent;}

.intro { padding:100px 0; font-size:1.5em; line-height:1.5em;}
.inner {padding:0 100px;}

/* kanzlei */
.team-top {background:#DFE8ED; padding:100px 0;}
.team_nav li {float:left; margin-right:8.6%;}
.team_nav li:last-child { margin-right:0;}
.team_nav li a {position:relative; padding-bottom:10px;}
.team_nav li a:before { content: ""; position: absolute; width: 0%; height: 3px; bottom: 0px; left: 0; background: #6AECE5; visibility: hidden; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.team_nav li a:hover {color:#11204D;}
.team_nav li a:hover:before, .team_nav li a.active:before { visibility: visible; width: 100%; }
.team_nav a.active {font-family: "TheSansSemiBold";}
#team_select {display:none;}
.mobile_check {text-align:center;display:none;}
.mobile_check .previous, .mobile_check .next {float:left; width:8%; font-size:3em; color:#799BAD; cursor:pointer;}
.mobile_check .check_active { float:left; width:84%; font-family: "TheSansSemiBold"; font-size:1.5em; text-decoration:underline; text-decoration-color:#6AECE5;}
.team-all {background:#DFE8ED; padding-bottom:80px;}
.team_outer {position:relative; width:calc(100% + 30px); left:-15px;}
.teambox {position:relative; float:left; width:33.333%; padding:15px; }
.team_top {position:relative; width:100%; aspect-ratio: 68/45; overflow:hidden;}
.team_top img {width:100%; height:100%; object-fit: cover; }
.team_inner {background:#fff; padding:20px; min-height:220px;}
.Sachbearbeiter, .Sekretariat, .Buchhaltung, .Insolvenztabelle, .Steuer, .Personal {display:none;}
.Sachbearbeiter .team_inner { min-height:220px;}
.Sekretariat .team_inner { min-height:270px;}
.Sekretariat .team_info {min-height:80px;}
.Insolvenztabelle .team_info {min-height:60px;}
.numbers {margin-top:10px;}
.team_inner h4 {font-family: "TheSansSemi"; font-size:1.5em; margin-bottom:30px;}
.team_inner h4.h4_small {font-size:1.35em;}
.pop:hover {color:#11204D;}
.pop .pop_inner {-webkit-transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out; -o-transition:all 0.1s ease-out; transition:all 0.1s ease-out;}
.pop:hover .pop_inner {color:#11204D; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);}
.pop:hover .team_inner h4 {font-family: "TheSansSemiBold"; }
.overlay { position:fixed; z-index:30; top:0; width:100%; height:100%;  }
.team_overlay {background:#11204D; z-index:110; display:none;}
.overlay_back {position:absolute; top:0; width:100%; height:100%; cursor:pointer;}
.overflow { position: relative; height:100vH;  overflow:auto; padding:80px 0 100px;}
.team_overlay_content {background:#fff; padding:50px;}
.team_overlay_top {background:#DFE8ED; padding:40px;}
.image_contact {margin-top:50px;}
.t_image {float:left; width:70%;}
.t_image img {max-width:100%; height:auto;}
.team_overlay_content .t_image .mail_link {position:relative; left:0; width:100%; height:60px; line-height:60px; text-align:center; float:left; background:#9AB9C8;  font-size:1.5em;}
.team_overlay_content .t_image .mail_link.no_mail {display:none;}
.team_overlay_content .t_image .mail_link a {display:block; position:relative; z-index:10; color:transparent;}
.team_overlay_content .t_image .mail_link:hover {background:#6C8C9B;}
.team_overlay_content .t_image .mail_link:after {position:absolute; z-index:9; top:0; left:50%; line-height:60px; content: "\e908"; font-family: 'icons'; color:#fff;}
.team_overlay_content .kontakt {position:relative; float:right; width:25%;}
.team_overlay_content .kontakt .address {margin-bottom:30px;}
.team_overlay_content .kontakt .address:last-child {margin-bottom:0;}
.team_overlay .close {position:fixed; right:70px; top:50px;}
.team_overlay_bottom {padding:0 30px;}
.team_overlay_content .team_infos {margin:80px 0; }
.team_overlay_content .qualifikationen {float:left; width:47%;}
.team_overlay_content .schwerpunkt {float:right; width:47%;}
.team_overlay_content ul li {list-style-type: disc; margin-left:20px; margin-bottom:10px;}
.team_overlay_top .team_job {font-family: "TheSansSemiBold";}
.gravenbrucher {margin:30px 0 0 20px;}

/* accordion */
.accordion { border-top:2px solid #DFE8ED;}
.expertise .accordion {margin-top:80px; padding:0 60px; border-top:none;}
.accordion ul li {list-style-type: disc; margin-left:20px; margin-bottom:10px;}
.expertise .accordion ul li a {display: inline-block; text-decoration:underline; vertical-align: text-top;}
.accordionButton {position:relative; display:block; padding:10px 0; cursor:pointer;}
.accordionButton h5 {margin-bottom:0;}
.kanzlei .accordionButton:after {position:absolute; right:0px; top:20px; content:'›'; font-size:3em; color:#DFE8ED; transform: rotate(90deg);}
.expertise .accordionButton:after {position:absolute; right:auto; top:20px; margin-left:20px; content:'›'; font-size:2.5em; color:#11204D; transform: rotate(90deg);}
.accordionButton:hover:after {color:#11204D;}
.accordionButton.on:after {transform: rotate(-90deg);}
.accordion .column {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
.accordionContent {padding:30px 0 50px;}
.expertise .accordionButton {text-align:center; font-size:1.3em; padding:20px 0;}
.expertise .sachwaltung .accordionButton:after, .expertise .insolvenzplanverfahren .accordionButton:after {color:#fff;}
.expertise .sachwaltung .accordion ul li a, .expertise .insolvenzplanverfahren .accordion ul li a {color:#fff;}
.expertise .sachwaltung .accordion ul li a:hover, .expertise .insolvenzplanverfahren .accordion ul li a:hover {color:#6AECE5;}

.philosophie h2 {display:block; text-align:center; margin-bottom:80px;}

.history_box {position: relative; background:#11204D; padding:100px 0;}
.history_image {position:relative; margin-left:-40px; opacity:0;}
.history_image img {max-width:85%; height:auto;}
.history_text {position:relative; float:right; margin-right:-40px; margin-top:-50px; background:#fff; width:750px; -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.4); opacity:0; padding:80px;}
.history_text table {margin-top:50px;}
.history_text table td {padding-bottom:20px;}
.history_text table tr td:first-child {font-family: "TheSansSemiBold"; color:#799BAD; padding-right:30px;}

.zertifikate {background:#799BAD; color:#fff; padding:100px 0;}
.zertifikate h2 {display:block; text-align:center; margin-bottom:80px;}
.cert_images {margin-top:80px;font-size: 7vw; color:#C8D8E1; padding-bottom:20px; }

/* expertise */
.expertise h1 {display:block; text-align:center; margin-bottom:80px;}
.expertise h2 {display:block; text-align:center; margin-bottom:80px;}
.inner_scroll {text-align:center;margin-bottom:80px; font-size:1.5rem;}
.inner_scroll a {color:#799BAD;}
.inner_scroll a:hover {color:#11204D;}
.referenzverfahren, .regelinsolvenzverfahren, .gis {position: relative; background:#DFE8ED; padding:100px 0;}
.verfahren-liste {position:relative; width:calc(100% + 30px); left:-15px; margin-top:80px;}
.verfahren {position:relative; float:left; width:33.333%; padding:15px; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
.verfahren .vinner {position:relative; top:0; left:0; width:100%; height:100%; background:#fff; }
.verfahren .sizer {width:100%; height:auto;}
.verfahren .desc {position:absolute; top:0; left:0; width:100%; height:100%; }
.verfahren h3 {position:absolute; top:70px; left:20px; right:20px; color:#11204D; font-family: "TheSansSemi"; font-size:1.5em; line-height:1.4em;}
.verfahren .more {position:absolute; bottom:40px; left:20px; color:#799BAD; }
.verfahren .desc img {position:absolute; top:20px; left:20px; max-width:50%; height:auto; }
.verfahren.mit_link:hover .vinner {background:#11204D; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4); }
.verfahren.mit_link:hover h3 {color:#fff; }
.verfahren.mit_link:hover .more {color:#6AECE5; }
.more_quote {margin-top:80px;}
.quotenliste, .gis_link {margin-top:80px; display:block; height:100px; line-height:100px; color:#11204D; background:#C8D8E1; text-align:center; font-family: "TheSansSemiBold"; font-size:1.5rem;}
.quotenliste a {display:block;}
.quotenliste:hover, .gis_link:hover {background:#11204D;}
.sachwaltung, .insolvenzplanverfahren {position: relative; background:#799BAD; color:#fff; padding:100px 0;}
.verfahren_tabelle {margin-bottom:50px;}
.verfahren_tabelle, .verfahren_tabelle table {position:relative; width:100%;}
.verfahren_tabelle table tr td:first-child { position: relative; width:50%; color:#799BAD; padding-right:30px;}
.verfahren_tabelle table tr td {border-bottom:2px solid #DFE8ED; padding:10px 0;}
.verfahren_tabelle table tr:last-child td {border-bottom:none;}

/* service */
.service h1 {display:block; text-align:center; margin-bottom:80px;}
.service h2 {display:block; text-align:center; margin-bottom:80px;}
.gis_link {margin:100px 0 20px;}
.merkblaetter {position: relative; background:#799BAD;  padding:100px 0;}
.formular-liste {position:relative; width:calc(100% + 30px); left:-15px; margin-top:80px;}
.formular {position:relative; float:left; width:50%; padding:15px; }
.formular_inner { background:#fff; padding:50px 70px;}
.formular h3 { font-family: "TheSansSemi"; font-size:1.5em; line-height:1.4em; }
.formular .pdf-info {margin-top:30px;}
.formular:hover {color:#11204D; }
.formular:hover h3 { font-family: "TheSansSemiBold"; }
.formular:hover .formular_inner { -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);}
.formular:hover .pdf-info {color:#6AECE5; }
.formulare {position: relative; background:#DFE8ED; padding:100px 0;}

/* karriere */
.job_despriptions {position: relative; background:#DFE8ED; padding:140px 0 120px; }
.job_despriptions_inner {max-width:1480px; margin:0 auto; position:relative; padding:0 40px; display:grid; grid-template-columns: repeat(3, 1fr); gap:20px;}
.job_despriptions a {position: relative; color:#fff; background:#11204D;}
.job_despriptions a img {width:100%; height:auto;}
.job_despriptions a h3 {position:absolute; bottom:10px; left:20px; right:80px; font-family: "TheSansSemiBold"; font-size:2em; line-height:1.4em;}
.job_despriptions a .more {position:absolute; bottom:40px; left:20px; color:#fff; display:none}
.job_despriptions a:hover img {opacity:.7;}
.job_despriptions a:hover .more {color:#6AECE5;}


.stellen {position: relative; background:#799BAD; color:#fff; padding:100px 0;}
/* keine Stellenangebote */
.stellen {display:block;}

.stellen h2, .initiativ  h2 {display:block; text-align:center; margin-bottom:80px;}
.initiativ {color:#fff; }
.angebote {margin-top:80px;}
.job {display:block; background:#fff; margin-bottom:30px; padding:80px;}
.job:hover {-webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.6); box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.6); color:#11204D;}
.job .more {margin-top:40px;}
.job:hover .more1 {color:#6AECE5;}
.job .more2 {display:none;}
.job_left {position: relative; float:left; width:45%;}
.job_right {float:right; width:50%;}
.job h3 { font-family: "TheSansSemi"; font-size:1.5em; line-height:1.4em; }
.initiativ {position: relative; background:#799BAD;  padding:100px 0;}
.kendzia {margin-top:80px; padding:40px 80px; background:#C8D8E1;}
.job .more2 {display:none;}
.kendzia_left {float:left; position: relative; width:45%;}
.kendzia_left img {width:100%; height:auto; padding-bottom:60px;}
.kendzia_right {float:right; width:50%; padding-left:50px; color:#11204D;}
.over_links {position:absolute; bottom:0; left:0; width:100%;}
.over_links a {width:50%; height:60px; line-height:60px; text-align:center; float:left; background:#F6F7F9; color:#11204D; font-size:1.5em;}
.over_links a.tel_link { background:#fff; }
.over_links a:hover {background:#6C8C9B; color:#fff;}
.over_links .email {position:relative;}
.over_links .email, .over_links .email:hover {color:transparent;}
.over_links .email:before {position:absolute; left:0; font-family: 'icons';  content: "\e908"; color:#7c7f89; font-size:1em; text-align:center; width:100%;}
.over_links .email:hover:before {color:#fff;}
.XXno-touchevents .over_links a {width:100%;}
.kendzia_right h3 { font-family: "TheSansSemi"; font-size:1.5em; line-height:1.4em; margin:40px 0 20px;}
p.direct {margin-bottom:20px; color:#44597B;}
p.direct a {color:#44597B;}
p.direct a:hover {color:#11204D;}
.offer h4 {margin:20px 0 30px;}
.offer ul li {position:relative; padding-left:30px; margin-top:15px;}
.offer ul li:before {position:absolute; font-family: 'icons'; content: "\e904"; top:-0px; left:0;}
.aply_now {display:block; text-align:center; line-height:90px; background:#11204D; color:#fff; font-size:1.5em; }

/* media */
.news_section {background:#DFE8ED; padding:100px 0;}
.news_section h2 {width:100%; text-align:center; color:#11204D; margin-bottom:50px;}
.news_boxen {position:relative; display:grid; grid-template-columns: repeat(3, 1fr); gap:30px;}
.news {position:relative; background:#fff; -webkit-transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out; -o-transition:all 0.1s ease-out; transition:all 0.1s ease-out; }
.news_inner {padding:30px; }
.news_inner h4 {color:#11204D; font-size:1.5em; line-height:1.5em; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
.news_inner .date {color:#799BAD; margin-bottom:20px;}
.news_inner .teaser {color:#11204D; }
.news:hover {-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4); }
.news:hover {color:#11204D;}
.news:hover .date {color:#799BAD;}
.news:hover .more {color:#6AECE5;}
.news_section .media_link {position:relative; width:160px; left:50%; margin-left:-80px; text-align:center; color:#11204D; font-family: "TheSansSemiBold"; font-size:1.125em; margin-top:50px;}
.news_section .media_link:hover {color:#6AECE5;}

.news_archive {background:#799BAD; padding:100px 0;}
.news_archive h2 {display:block; color:#fff; text-align:center; margin-bottom:80px;}
.archive_left {float:left; width:20%;}
.archive_right {float:right; width:70%;}
.selecter {width:100%; text-align:center; margin-bottom:60px; display:none;}
.archive {background:#DFE8ED; padding:20px 60px; margin-bottom:20px; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.1s ease-out; display:block;}
.archive:hover {color:#11204D; background:#fff; -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.6); box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.6);}
.archive:hover .more {color:#6AECE5;}
.archive .date {color:#799BAD; margin-bottom:10px;}
.archive h4 {font-family: "TheSansSemiBold"; font-size: 1.25em;line-height: 1.2em;}
.archive .teaser {margin-top:20px; }
.archive_left ul a {display:block; text-align:center; margin-bottom:1px; padding:0 20px; font-size:1.8em; line-height:100px;}
.archive_left ul a:hover {}
.archive_left ul a .inner_select {background:#9AB9C8;}
.archive_left ul a:hover, .archive_left ul .active a {color:#11204D;  padding:0 0; font-family: "TheSansSemiBold"; }
.archive_left ul a:hover .inner_select, .archive_left ul .active a .inner_select {background:#fff;}
.archive_left ul .active a {-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);}
.mod_newsarchive h2 {display:none;}

.auszeichnungen {background:#DFE8ED; padding:100px 0;}
.auszeichnungen h2 {display: block; text-align: center; margin-bottom: 80px;}
.auszeichnungen .logos {margin-top:50px; padding:0 50px; margin-bottom:100px;}
.auszeichnungen .logos img:first-child {float:left;}
.auszeichnungen .logos img:last-child {float:right;}
.other {margin-top:80px;}
.other_left {float:left; width:15%;}
.other_right {position:relative; float:right; width:75%;}
.other_left {color:#799BAD;}
.other_left img {width:100%; height:auto; margin-bottom:10px;}
.other_right {background:#fff; padding:50px 80px;}
.other_inner {position:relative;}
.other_inner:before {position:absolute; left:-40px; top:-20px; content: "„"; font-size:4em;}
.other_inner:after {position:absolute; right: -40px; bottom:-20px; content: "“"; font-size:4em;}
.other_right .arrow-left { position:absolute; top:20px; left:-20px; width: 0; height: 0; border-top: 20px solid transparent;border-bottom: 20px solid transparent; border-right:20px solid #fff; }

.mod_newsreader p.back {display:none;}
.mod_newsreader .ce_download {margin-top:50px;}
/* kontakt */
.all_contacts {padding:100px 0;}
.kontakt h2 {display: block; text-align: center; margin-bottom: 80px;}
.city {margin-bottom:100px;}
.city .address {float:left; width:40%;}
.city .address h3 { font-family: "TheSansSemi"; font-size:1.8em; line-height:1.5em; margin-bottom:20px;}
.city .address .name {margin-bottom:20px;}
.city .address .name .lawyer {color:#6C8C9B;}
.city .address .contact {margin:40px 0;}
.city .address .download { font-family: "TheSansSemiBold";}
.city .address .download:after { font-family: 'icons'; content: "\e902"; margin-left:20px;}
.city .map {float:right; width:60%;}
.city .map img {width:100%; height:auto;}
.city .map a:hover {-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);}

/*standard*/
.standard {padding:80px 0;}
.standard h1 {margin-bottom:30px;font-size:2rem; line-height:1.5em;}
.standard h3 {margin-top:30px; font-size:1.5rem; line-height:1.5em;}
.standard .blue_box {background: #DFE8F0; padding: 20px;}
.standard .blue_box a {text-decoration:underline;}

@media (max-width: 1400px) { 
	.team_overlay .close {position:absolute; right:0px; top:-60px;}
	.job_despriptions a h3 {right:80px; font-size:1.8em; line-height:1.4em;}
}
@media (max-width: 1200px) { 
	.team_nav li {float:left; margin-right:7%;}
	.team_inner {min-height:200px;}
	.verfahren .desc img { top:20%; max-width:40%; height:auto; }
	.team_overlay .close {position:absolute; right:40px; top:-60px;}
	.job_despriptions a .more {bottom:20px; }
	.job_despriptions a h3 {right:20px;}
}
@media (max-width: 1100px) { 
	.verfahren h3 { font-size:1.3em; line-height:1.4em;}
}
@media (max-width: 1024px) { 
	.team_nav li {float:left; margin-right:6%;}
	.job_despriptions a h3 {font-size:1.5em; line-height:1.4em;}
	.verfahren h3 {top:40px;}
	.expertise .accordion {padding:0; }
}
@media (max-width: 960px) { 
	.detail-top h1 {font-size:2.5em; line-height:1.2em;}
	.top-image {position:relative; width:100%; background-size:none; background-position:none; }
	.top-image img {display:block; width:100%; height:auto;}
	.top-image .headline {position:absolute; width:100%; text-align:center; color:#fff; top: 50%;  -ms-transform: translateY(-50%);  transform: translateY(-50%);}
	.top-image .teamheadline {bottom:100px; }
	.top-image .go-down {display:none;}
	.intro { padding:80px 0; font-size:1.25em; line-height:1.5em;}
	.inner {padding:0 50px;}
	.team_nav li {float:left; margin-right:3%;}
	.teambox {width:50%;}
	.team_overlay .center {padding:20px;}
	.overflow { position: relative; height:100vH;  overflow:auto; padding: 100px 0 100px;}
	.team_overlay_content {padding:0;}
	.team_overlay_bottom { padding: 0 50px; }
	.team_overlay_content .team_info, .team_overlay_content .publications {float:none; width:100%; margin-top:50px;}
	.team_overlay_content .team_info.schwerpunkt {margin-top:50px;}
	.history_text {width:650px;}
	.verfahren {width:50%; }
	.verfahren h3 {top:20%; }
	.job_left, .job_right {float:none; width:100%;}
	.job_right {margin-top:20px;}
	.job .more1 {display:none;}
	.job .more2 {display:block;}
	.archive { padding:20px 40px; }
	.auszeichnungen .logos {padding:0;}
	.news_inner {padding:20px; }
	.news_boxen {position:relative; display:grid; grid-template-columns: repeat(2, 1fr); gap:30px;}
	.job_despriptions_inner {display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;}
}
@media (max-width: 800px) { 
	.detail-top {padding:80px 0 50px; }	
	.team_nav li {display:none;}
	#team_select {display:inline-block; width:250px;}
	.mobile_check {display:block;}
	.team-top {background:#C8D8E1; padding:40px 0; text-align:center;}
	.team-all {padding:40px 0;}
	.team_inner {min-height:210px;}
	.history_image {margin-left:0px; opacity:1; left:0;}
	.history_image img {width:100%; max-width:100%; height:auto;}
	.history_text {position: relative; float:none; right:0; margin:-20px 0 0 0; background:none; padding:10px; width:100%; -webkit-box-shadow:none; box-shadow:none; opacity:1;}
	.history_text_inner {background:#fff; padding:30px 20px 20px;}
	.history_text_inner h2 {display:block; text-align:center; }
	.gis_link {font-size:1.125em; line-height:1.4em; height:auto; padding:20px 0;}
	.formular_inner { padding:20px 30px;}
	.kendzia {padding:40px 20px;}
	.aply_now {font-size:1.2em; line-height:60px; margin-top:00px;}
	.news_boxen {position:relative; width:100%; left:0px;}
	.news {position:relative; float:none; width:100%; padding:0; margin-bottom:40px; }
	.news_inner {min-height:auto;}
	.news_inner h4 {font-size:1.4em; line-height:1.5em; display:block; text-align:center;}
	.news_inner .date, .news_inner .more {display:block; text-align:center;}
	.archive { padding:20px;}
	.archive_left {float:none; width:100%; margin-bottom:30px;}
	.archive_left ul {padding:0 25%;}
	.archive_left ul a {display:block; text-align:center; margin-bottom:1px; font-size:1.2em; line-height:50px;}
	.archive_right {float:none; width:100%;}
	.auszeichnungen .logos img:first-child {height:100px; width:auto;}
	.auszeichnungen .logos img:last-child {height:80px; width:auto;}
	.city .map {float:none; width:100%;}
	.city .address {float:none; width:100%; padding:40px 0 0 20px;}
	.t_image {float:none; width:100%;}
	.t_image img {max-width:100%; height:auto;}
	.team_overlay_content .kontakt {position:relative; float:none; width:100%; margin-top:100px;}
	.team_overlay_content .qualifikationen {float:none; width:100%;}
	.team_overlay_content .schwerpunkt {float:none; width:100%; margin-top:50px;}
	.team_overlay_bottom { padding: 0 40px; }
	.accordion .column {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
	.top-image .teamheadline {bottom:50px; }
}
@media (max-width: 650px) {
	.verfahren .desc img { top:20px; }
	.verfahren h3, .formular h3, .job h3 { font-size:1.125em; line-height:1.4em; }
}
@media (max-width: 600px) {
	.detailcenter {padding:0 30px;}
	.detail-top h1 {margin:50px 0;}
	.team_outer {padding:0 10px;}
	.teambox {width:100%;}
	.team_inner {min-height:auto;}
	.inner {padding:0 10px;}
	.team_overlay .close {right:20px;}
	.team_overlay_content h5 {font-size:1.2rem; line-height:2.4rem;}
	.verfahren-liste {position:relative; width:calc(100% + 20px); left:-10px;}
	.verfahren {padding:10px;}
	.verfahren .desc img { top:20px; left:10px;}
	.verfahren h3 { font-size:.9em; line-height:1.4em; left:10px; right:10px; top:10px;}
	.verfahren .more { bottom:10px; left:10px; font-size:.8em; }
	.verfahren_tabelle table tr td { display:block; width:100% !important;  padding-right:0 !important;}
	.verfahren_tabelle table tr td:first-child {border-bottom:none; padding:10px 0 0 0;}
	.formular-liste {position:relative; width:90%; left:5%; }
	.formular {width:100%; padding:0; margin-bottom:20px;}
	.job {padding:30px 20px;}
	.kendzia_left {float:none; width:100%;}
	.kendzia_right {float:none; width:100%; padding-left:0; margin-top:40px;}
	.news {margin-bottom:20px; }
	.other_right {padding:20px;}
	.other_inner:before {left:-15px; top:-12px; content: "„"; font-size:2em;}
	.other_inner:after {right: -10px; bottom:-12px; content: "“"; font-size:2em;}
	.detailcenter .image {margin:0 0 50px;}
	.news_boxen {grid-template-columns: repeat(1, 1fr); gap:20px;}
	.job_despriptions_inner {grid-template-columns: repeat(1, 1fr); gap:20px; padding:0 20px;}
	.job_despriptions a .more {bottom:40px; }
	.top-image .teamheadline {bottom:20px; }
}
@media (max-width: 500px) {
	.detail-top h1 {font-size:1.5em; line-height:1.2em;}
	.auszeichnungen .logos img:first-child {height:80px; width:auto;}
	.auszeichnungen .logos img:last-child {height:60px; width:auto;}
	.detail-top .category, .detail-top .go_back {font-size:1.25em;}
	.detailcenter .logo img {max-width:250px; height:auto; margin-top:-30px;}
}
@media (max-width: 400px) {
	.verfahren-liste {position:relative; width:90%; left:5%;}
	.verfahren {padding:0; width:100%; margin-bottom:20px;}
	.verfahren h3 { font-size:1.1em; line-height:1.4em; left:20px; right:20px; top:40px;}
	.verfahren .more { bottom:40px; left:20px; font-size:1em; }
	.expertise h1 {font-size:1.8em;}
	.expertise h2 {font-size:1.7em;}
	.team_overlay_top { padding: 40px 20px; }
	.team_overlay_bottom { padding: 0 20px; }
	.team_overlay_content h5 {font-size:1rem; line-height:2.4rem;}
}	
@media (max-width: 350px) {
	.karriere h1 {font-size:1.8em;}
	.karriere h2 {font-size:1.6em;}
	.detail-top .category, .detail-top .go_back, .detailcenter .go_back{  font-size: 1.2em;}
	.detail-top h1 {font-size:1.3em; line-height:1.2em;}
	.other {font-size:.8em; line-height:1.5em;}
}