/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

@charset "UTF-8";

/*
Theme Name: ITF Institut für Therapeutische Fortbildung
Theme URI: https://i-t-f.de
Author: Oliver J. Zeidler
Author URI: https://intergraphica.de
Description: ITF Frontend Theme reprogrammed from former interCMS website. Licensed to Peter Löderbusch. Requires PHP8.
Requires at least: 5.6
Tested up to: 5.8
Requires PHP: 8.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://i-t-f.de
Text Domain: ITF
Tags: deutsch, responsive, frontend, googlemaps, php8
*/



.admin-bar {
	--global--admin-bar--height: 32px;
}
@media only screen and (max-width: 782px) {

	.admin-bar {
		--global--admin-bar--height: 46px;
	}
}

/*******************************************************************************
* ITF2018 Frontend Stylesheet
*
* Version: 2.0
* Created: 2017-12-22
* Oliver J. Zeidler, intergraphica
*
*
*******************************************************************************/


::-webkit-scrollbar {
    height: 12px;
    width: 10px;
    background: #fff !important;
}

::-webkit-scrollbar-thumb {
    background: #a8d8d9;
    /*-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.75);*/
    cursor: pointer;
}

::-webkit-scrollbar-corner {
    background: #fff;
}

::-moz-selection {
    background-color: #b7e0e2;
    color: #fff;
}

::selection {
    background-color: #b7e0e2;
    color: #fff;
}

*:focus {
    outline: none !important;
}

.vticker li, .vticker li img, .vticker li iframe {
	cursor: move; /* fallback if grab cursor is unsupported */
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
	cursor: default !important;
	 -webkit-touch-callout: none; /* iOS Safari */
	    -webkit-user-select: none; /* Safari */
	     -khtml-user-select: none; /* Konqueror HTML */
	       -moz-user-select: none; /* Firefox */
	        -ms-user-select: none; /* Internet Explorer/Edge */
	            user-select: none; /* Non-prefixed version, currently
	                                  supported by Chrome and Opera */
}



* {
	/*cursor: move;
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;*/
	
}

html,body {
	background: url(https://i-t-f.de/img/muster.png) !important;
	background: url(https://i-t-f.de/img/stuhl_blur.jpg) !important;
	background-attachment:fixed;
	background-size:150% 100% !important;
    background-color: #bce6e6 !important;
    overflow-x: hidden;
    /*-webkit-font-smoothing: antialiased !important*/
}

#panel_kursinfo {
	display:none;
	transition: all 0.2s ease-in-out 0s
}

#infoboard {
	overflow:hidden;
	position:absolute;
	right:-4px;
	border-left:7px solid #dc606a;
	background:rgba(255,255,255,0.06);
	padding-left:7px;
	top:17px !important;
	text-align:left;
	font-size:13px;
	line-height:17px;
	width:560px;
	max-height:300px;
	color:#24239b
}

#infoboard h1 {
	color: #dc606a;
	font-size:20px !important;
	text-shadow: rgba(0,0,0,0) 1px 1px 1px
}

#infoboard a {
	display: block;
	font-weight:400;
}

#infoboard a:hover {
	background:#dc606a;
	color:#fff
}

@media only screen and (max-width: 600px) {
	#panel_kursinfo {
		display:block !important;
		transition: all 0.3s ease-in-out 0s
	}
	#infoboard  {
		display:none;
		width:100%;
		left:0;
		top:20px !important;
		text-align:center;
		border-left:0px solid #dc606a;
		background:rgba(255,255,255,0);
	 }
	 #infoboard h1 {
		 font-size:17px !important; 
		 line-height: 23px !important;
		 color: #dc606a;
		 text-shadow: rgba(0,0,0,0.6) 1px 1px 1px
		 }
	 #infoboard a {
		font-size:12px;
		font-weight:500;
		line-height:13px !impoprtant;
		padding:0 !important;
		margin:0 !important;
		max-height:15px !important
	 }
	  #infoboard a:hover {
		 color: #dc606a; 
		 background:none;
		 
	  }
}


#reiter {
	position:fixed;
	z-index:999999;
	top: -395px;
	right:-3px;
	-webkit-transition: all 0.15s ease-in-out 0s;
    transition: all 0.15s ease-in-out 0s
}


#reiter .panel {
	z-index:99 !important;
	background:rgba(222,98,108,1);
	padding:10px 2px;
	margin-bottom:17px;
	font-size:14px !important;
	letter-spacing: 0.6px !important;
	font-weight:bold;
	color:rgba(255,255,255,0.8);
	border: 1px solid rgba(255,255,255,0.4);
	border-radius: 5px;
	text-align: center;
	min-height:28px;
	writing-mode: vertical-rl;
	-ms-writing-mode: vertical-rl;
	cursor:pointer;
	-webkit-transition: all 0.55s ease-in-out 0s;
    transition: all 0.55s ease-in-out 0s
}

#reiter .panel:hover {
	color:#fff;
	padding:10px 6px 10px 3px;
	border-radius: 5px 5px 0 5px;
	transform:scale(1.0) !important;
	font-size:15px !important;
	letter-spacing: 1.5px !important;
	box-shadow:rgba(0,0,0,0.35) -3px 3px 25px;
	margin-left:-2px;
	-webkit-transition: all 0.15s ease-in-out 0s;
    transition: all 0.15s ease-in-out 0s
	}

#kontakt_panel {
	display: none;
	position:fixed;
	transform:scale(0.8);
	max-width:370px !important;
	color:#fff !important;
	z-index:999 !important;
	top: -52px;
	right:-53px;
	background:rgba(222,98,108,1);
	border-radius: 70px 0px 0px 70px;
	padding: 30px;
	padding-right:98px;
}

#newsletter_panel {
	display: none;
	position:fixed;
	transform:scale(0.8);
	max-width:370px !important;
	color:#fff !important;
	z-index:999 !important;
	top: -35px;
	right:-53px;
	background:rgba(222,98,108,1);
	border-radius: 70px 0px 0px 70px;
	padding: 30px;
	padding-right:98px;
}

#newsletter {
	display: none;
	position:absolute;
	z-index:9999;
	background:rgba(222,98,108,0.0);
	top:5px;
	right:55px;
	width:50px;
	text-indent: 100%;
    white-space: nowrap;
	color:#fff;
	padding:4px;
	font-size:15px;
	text-align:center;
	font-weight:bold;
	letter-spacing:1.2: 
	-webkit-transition: all 0.35s ease-in-out 0s;
    transition: all 0.35s ease-in-out 0s
}

#newsletter .knopf {
    width: 210px !important;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.125) !important;
}

#newsletter img {
	height: 45px;
	width: 45px;
	margin-right:18px;
	border: 0px solid #fff;
	border-radius: 50px
}

#newsletter:hover {
	right:10px;
	background:rgba(222,98,108,0);
	text-decoration:underline;
	text-indent: 0%;
	width:190px;
    white-space: none;
	-webkit-transition: all 0.15s ease-in-out 0s;
    transition: all 0.15s ease-in-out 0s
}

#newsletter:hover img {
	margin-right:8px;
}



.ce-align-center {
    text-align: center
}
.ce-align-right {
    text-align: right
}
.ce-table td,outer-content
.ce-table th {
    vertical-align: top
}
.ce-textpic,
.ce-image,
.ce-nowrap .ce-bodytext,
.ce-gallery,
.ce-row,
.ce-uploads li,
.ce-uploads div {
    overflow: hidden
}
.ce-left .ce-gallery,
.ce-column {
    float: left
}
.ce-center .ce-outer {
    position: relative;
    float: right;
    right: 50%
}
.ce-center .ce-inner {
    position: relative;
    float: right;
    right: -50%
}
.ce-right .ce-gallery {
    float: right
}
.ce-gallery figure {
    display: table;
    margin: 0
}
.ce-gallery figcaption {
    display: table-caption;
    caption-side: bottom
}
.ce-gallery img {
    display: block
}
.ce-gallery iframe {
    border-width: 0
}
.ce-border img,
.ce-border iframe {
    border: 2px solid #000;
    padding: 0px
}
.ce-intext.ce-right .ce-gallery,
.ce-intext.ce-left .ce-gallery,
.ce-above .ce-gallery {
    margin-bottom: 10px
}
.ce-intext.ce-right .ce-gallery {
    margin-left: 10px
}
.ce-intext.ce-left .ce-gallery {
    margin-right: 10px
}
.ce-below .ce-gallery {
    margin-top: 10px
}
.ce-column {
    margin-right: 10px
}
.ce-column:last-child {
    margin-right: 0
}
.ce-row {
    margin-bottom: 10px
}
.ce-row:last-child {
    margin-bottom: 0
}
.ce-above .ce-bodytext {
    clear: both
}
.ce-intext.ce-left ol,
.ce-intext.ce-left ul {
    padding-left: 40px;
    overflow: auto
}
.ce-headline-left {
    text-align: left
}
.ce-headline-center {
    text-align: center
}
.ce-headline-right {
    text-align: right
}
.ce-uploads {
    margin: 0;
    padding: 0
}
.ce-uploads li {
    list-style: none outside none;
    margin: 1em 0
}
.ce-uploads img {
    float: left;
    padding-right: 1em;
    vertical-align: top
}
.ce-uploads span {
    display: block
}
.ce-table {
    width: 100%;
    max-width: 100%
}
.ce-table th,
.ce-table td {
    padding: 0.5em 0.75em;
    vertical-align: top
}
.ce-table thead th {
    border-bottom: 2px solid #dadada
}
.ce-table th,
.ce-table td {
    border-top: 1px solid #dadada
}
.ce-table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}
.ce-table-borde#f66878 th,
.ce-table-borde#f66878 td {
    border: 1px solid #dadada
}
.frame-space-before-extra-small {
    margin-top: 1em
}
.frame-space-before-small {
    margin-top: 2em
}
.frame-space-before-medium {
    margin-top: 3em
}
.frame-space-before-large {
    margin-top: 4em
}
.frame-space-before-extra-large {
    margin-top: 5em
}
.frame-space-after-extra-small {
    margin-bottom: 1em
}
.frame-space-after-small {
    margin-bottom: 2em
}
.frame-space-after-medium {
    margin-bottom: 3em
}
.frame-space-after-large {
    margin-bottom: 4em
}
.frame-space-after-extra-large {
    margin-bottom: 5em
}
.frame-ruler-before:before {
    content: '';
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    margin-bottom: 2em
}
.frame-ruler-after:after {
    content: '';
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    margin-top: 2em
}
.frame-indent {
    margin-left: 15%;
    margin-right: 15%
}
.frame-indent-left {
    margin-left: 33%
}
.frame-indent-right {
    margin-right: 33%
}
@-ms-viewport {
    width: device-width
}

.row {
    margin-left: -15px;
    margin-right: -15px
}
.clearfix,
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
    content: " ";
    display: table
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
    clear: both
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.pull-right {
    float: right !important
}
.pull-left {
    float: left !important
}
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

img,
legend {
    border: 0
}
legend,
td,
th {
    padding: 0
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    /*min-height:100% !important*/
}
body {
    margin: 0;
    /*min-height:100% !important*/
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],
template {
    display: none
}
a {
    background-color: transparent
}
a:active,
a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
optgroup,
strong {
    font-weight: 700
}
dfn {
    font-style: italic
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 1em 40px
}
hr {
    box-sizing: content-box;
    height: 0
}
pre,
textarea {
    overflow: auto
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
button {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input {
    line-height: normal
}
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}
input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}
::selection {
    background: #b3d4fc;
    text-shadow: none
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0
}
textarea {
    resize: vertical
}
.hidden {
    display: none!important
}
.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
}
.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}
.clearfix:after {
    clear: both
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html,
body {
    max-width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-overflow-scrolling: touch
}
body {
    color: #2b2b2b;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.4em;
    position: relative;
    min-width: 320px;
    -moz-osx-font-smoothing: grayscale
}
img {
    -ms-interpolation-mode: bicubic
}
button,
html,
input,
select,
textarea {
    font-family: 'Open Sans', sans-serif
}
#ie_clearing {
    display: none
}
a,
a:visited,
a:hover,
a:active,
a:focus {
    outline: 0
}
h1 {
    font-weight: bold;
    font-size: 55px;
    line-height: 1;
    margin: 0
}
h2 {
    font-weight: bold;
    font-size: 30px;
    line-height: 1;
    margin: 0
}
h3 {
    font-weight: bold;
    font-size: 25px;
    line-height: 1;
    margin: 0
}
h4 {
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
    margin: 0;
    text-transform: uppercase
}
h4+h1 {
    margin-top: 0.125em
}
.ce-bodytext>h4 {
    margin: 1.125em
}
h5 {
    font-weight: bold;
    font-size: 80px;
    line-height: 1;
    margin: 0
}
::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.25)
}
::-moz-placeholder {
    color: rgba(0, 0, 0, 0.25)
}
:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.25)
}
:-moz-placeholder {
    color: rgba(0, 0, 0, 0.25)
}
@media (max-width: 767px) {
    h1 {
        font-size: 30px;
        line-height: 1
    }
    h2 {
        font-size: 21px;
        line-height: 1
    }
    h3 {
        font-size: 20px;
        line-height: 1
    }
    h4 {
        font-size: 17px;
        line-height: 1
    }
    h5 {
        font-size: 44px;
        line-height: 1
    }
}
@media (max-width: 991px) {
    .col-md-6:first-child+.col-md-6 {
        margin-top: 30px
    }
    .col-md-4:first-child~* {
        margin-top: 30px
    }
    .col-md-3:first-child+.col-md-9 {
        margin-top: 30px
    }
    .col-sm-6:first-child+.col-sm-6 {
        margin-top: 0
    }
    .col-sm-4:first-child~.col-sm-4 {
        margin-top: 0
    }
    .col-sm-3:first-child+.col-sm-9 {
        margin-top: 0
    }
    .col-sm-3+.col-sm-3 {
        margin-top: 0
    }
    .col-md-3+.col-sm-12 {
        margin-top: 30px
    }
}
@media (max-width: 767px) {
    .col-md-6:first-child+.col-md-6 {
        margin-top: 30px
    }
    .col-md-4:first-child~* {
        margin-top: 30px
    }
    .col-md-3:first-child+.col-md-9 {
        margin-top: 30px
    }
    .col-md-3+.col-md-3 {
        margin-top: 30px
    }
}
.wrapper,
.row {}.inner-content {
    padding-top: 20px;
    padding-bottom: 20px
}
.custom5 .inner-content,
.custom6 .inner-content,
.custom7 .inner-content,
.custom8 .inner-content {
    padding-top: 0;
    padding-bottom: 0
}
.content {
    width: 100%;
    position: relative;
    padding: 0 50px
}
@media (max-width: 767px) {
    .content {
        padding: 0 20px
    }
}
.content:after {
    clear: both
}
.content:after,
.content:before {
    content: " ";
    display: table
}
.content:after {
    clear: both
}
.row {
    margin-bottom: 30px;
    margin-top: 30px
}
.row .row:first-child {
    margin-top: 0
}
.row .row:last-child {
    margin-bottom: 0
}
.custom5 .row,
.custom6 .row,
.custom7 .row,
.custom8 .row {
    margin-bottom: 0;
    margin-top: 0
}
.outer-content {
    overflow-x: hidden
}
a,
a:visited,
a:active,
a:focus,
a:hover {
    text-decoration: none;
    color: #2b2b2b;
    -webkit-transition: all 0.15s ease-in-out 0s;
    transition: all 0.15s ease-in-out 0s
}
a:hover {}

ul.menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul li {
	padding-left:0px !important;
	-webkit-transition: all 0.45s ease-in-out 0s;
    transition: all 0.45s ease-in-out 0s
}

ul li:hover {
	/*padding-left:3px !important;*/
	-webkit-transition: all 0.15s ease-in-out 0s;
    transition: all 0.15s ease-in-out 0s
}

figure,
figure img {
    width: 100%;
    height: auto
}
.ce-left .ce-gallery,
.ce-right .ce-gallery,
.ce-middle .ce-gallery,
.ce-gallery,
.ce-column {
    float: none
}
.custom1,
.custom6 {
    background-color: #dedc00;
    overflow: hidden
}
.custom2,
.custom7 {
    background-color: #f66878;
    overflow: hidden
}
.custom3,
.custom8 {
    background-color: #0080c7;
    overflow: hidden
}
.custom4 {
    max-height: 0;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.15s ease-in-out 0s;
    transition: all 0.15s ease-in-out 0s
}
section.open:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 15px;
    border-color: transparent transparent #fff transparent
}
@media (max-width: 767px) {
    section.open:after {
        left: 20px
    }
}
.custom5,
.custom6,
.custom7,
.custom8 {
    padding: 0
}
.open+.custom4 {
    max-height: 8000px
}
body.startseite .custom1 > .inner-content > div > div,
body.startseite .custom2 > .inner-content > div > div,
body.startseite .custom3>.inner-content>div>div {
    z-index: 1;
    position: relative
}
body.startseite .custom1 > .inner-content:after,
body.startseite .custom2 > .inner-content:after,
body.startseite .custom3>.inner-content:after {
    content: "01";
    position: absolute;
    font-size: 320px;
    right: 0;
    bottom: 0.3em;
    z-index: 0;
    font-weight: bold;
    color: #e8e74d
}
body.startseite .custom2>.inner-content:after {
    content: "02";
    color: #fe939f
}
body.startseite .custom3>.inner-content:after {
    content: "03";
    color: #4da7d8
}
.custom1>.inner-content>.row,
.custom2>.inner-content>.row,
.custom3>.inner-content>.row {}.custom1 h1,
.custom2 h1,
.custom3 h1,
.custom6 h1,
.custom7 h1,
.custom8 h1 {
    color: #fff
}
.custom1 h4,
.custom6 h4 {
    color: #e8e74d
}
.custom2 h4,
.custom7 h4 {
    color: #fe939f
}
.custom3 h4,
.custom8 h4 {
    color: #4da7d8
}

#page,.outer-content {
    position: relative;
    margin-left: 260px;
    width: auto;
    /*top:83px*/
    top:0px;
    -webkit-opacity:0
}



@media (max-width: 1023px) {
    #page,.outer-content {
        margin-left: 0;
        top: 55px
    }
}

header.header {
    position: fixed;
    z-index: 100;
    height: 100%;
    left: 0;
    top: 0;
    width: 260px
}
.inner-header {
    position: relative;
    height: 100%
}
.logo {
    background-color: #ddeced;
    /*background: url(../img/muster.png) !important;*/
	width:100%;
	height:auto;
}

.minilogo {
	text-align:center;
	left:0;
	margin-top:89px;
	width:100%
}

.minilogo img {
	width:49px;
	height:49px;
}

.logo img {
    padding: 20px 18px 22px 19px;
}
.logo .ce-gallery,
.ce-gallery[data-ce-columns="1"][data-ce-images="1"] {
    margin: 0 !important
}
@media (max-width: 1023px) {
    header.header {
        width: 100%;
        height: 80px
    }
    html.openmenu header.header {
        height: 100%
    }
    .logo img {
        max-width: 123px;
        margin: 0 auto;
        padding: 16.25px 0
    }
}
header.header nav.nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
header.header nav.nav ul.menu.main {
    margin-bottom: 30px
}
header.header nav.nav ul.menu.sub {
    position: absolute;
    z-index: 5;
    width: 100%;
    bottom: 50px;
    left: 0
}
header.header nav.nav li ul.ebene2 {
    overflow: hidden;
    max-height: 0;
    position: relative;
    -webkit-transition: all 0.15s ease-in-out 0s;
    transition: all 0.15s ease-in-out 0s
}
header.header nav.nav li.current ul.ebene2 {
    max-height: 300px;
    padding-bottom: 18px
}
@media (max-height: 767px) {
    header.header nav.nav ul.menu.sub {
        position: relative;
        bottom: auto;
        left: auto
    }

    .social_media {
	    display:none !important
    }
}
header.header .outer-nav {
    height: auto;
    width: 100%;
    position: absolute;
    top: 86px;
    bottom: 0;
    overflow-y: auto;
    background-color: #335f62
}
header.header nav.nav ul.menu.main {
    border-bottom: 1px solid #52898c
}
header.header nav.nav ul.menu.main li.element1.current {
    background-color: #57a0a7
}

header.header nav.nav ul.menu.main li:hover {
    /*background:rgba(0,0,0,0.08)*/
}

header.header nav.nav ul.menu.main li.element1:first-child+li.element1.current {
    background-color: #57a0a7
}
header.header nav.nav ul.menu.main li.element1:first-child+li.element1+li.element1.current {
    background-color: #57a0a7
}
header.header nav.nav ul.menu.main li.element1:first-child+li.element1+li.element1+li.element1.current {
    background-color: #57a0a7
}
header.header nav.nav ul.menu.main li.element1 > a,
header.header nav.nav ul.menu.main li.element1 > a:active,
header.header nav.nav ul.menu.main li.element1 > a:focus,
header.header nav.nav ul.menu.main li.element1>a:visited {
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    display: block;
    padding: 13px 0 13px 20px;
    position: relative
}
header.header nav.nav ul.menu.main li.element1 ~ li.element1 > a,
header.header nav.nav ul.menu.main li.element1 ~ li.element1 > a:active,
header.header nav.nav ul.menu.main li.element1 ~ li.element1 > a:focus,
header.header nav.nav ul.menu.main li.element1~li.element1>a:visited {
    border-top: 1px solid #52898c
}
header.header nav.nav ul.menu.main li.element1>a:after {
    content: "+";
    font-size: 30px;
    font-weight: normal;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: #317a88;
    text-align: center;
    display: block
}
header.header nav.nav ul.menu.main li.element1:first-child+li.element1>a:after {
    background-color: #f56777
}
header.header nav.nav ul.menu.main li.element1:first-child+li.element1+li.element1>a:after {
    background-color: #24239b
}
header.header nav.nav ul.menu.main li.element1:first-child+li.element1+li.element1+li.element1>a:after {
    background-color: #73b9bf;
    max-height:49px !important
}
header.header nav.nav ul.menu.main li.element1.current>a:after {
    content: "-"
}
header.header nav.nav ul.menu.main li.element2 > a,
header.header nav.nav ul.menu.main li.element2 > a:active,
header.header nav.nav ul.menu.main li.element2 > a:focus,
header.header nav.nav ul.menu.main li.element2>a:visited {
    color: rgba(255, 255, 255, 0.65);
    font-weight: 600;
    padding: 6px 0 6px 20px;
    position: relative;
    text-transform: uppercase;
    display: block
}
header.header nav.nav ul.menu.main li.element2 > a:hover,
header.header nav.nav ul.menu.main li.element2.current > a,
header.header nav.nav ul.menu.main li.element2.current > a:active,
header.header nav.nav ul.menu.main li.element2.current > a:focus,
header.header nav.nav ul.menu.main li.element2.current>a:visited {
    color: rgba(255, 255, 255, 1)
}

header.header nav.nav ul.menu.sub li > a,
header.header nav.nav ul.menu.sub li > a:active,
header.header nav.nav ul.menu.sub li > a:focus,
header.header nav.nav ul.menu.sub li>a:visited {
    color: #77b2b5;
    font-size: 14px;
    padding: 0.375em 20px;
    font-weight: normal;
    text-transform: uppercase
}
header.header nav.nav ul.menu.sub li > a:hover,
header.header nav.nav ul.menu.sub li.current > a,
header.header nav.nav ul.menu.sub li.current > a:active,
header.header nav.nav ul.menu.sub li.current > a:focus,
header.header nav.nav ul.menu.sub li.current>a:visited {
    color: rgba(255, 255, 255, 1)
}

header.header nav.nav ul.menu.sub li.element3 > a {
    color: #7db3b5 !important;
    font-weight: 600;
    padding: 6px 0 6px 20px;
    line-height:12px;
    position: relative;
    text-transform: uppercase;
    display: block
}
header.header nav.nav ul.menu.sub li.element3 > a:hover {
    color: rgba(255, 255, 255, 1) !important;
    text-decoration:underline !important
}


@media (max-width: 1023px) {
    header.header .outer-nav {
        top: 84px
    }
    header.header .outer-nav {
        max-width: 290px
    }
}
@media (max-width: 767px) {
    header.header .outer-nav {
        max-width: none
    }
}
a.mobile {
    position: absolute;
    left: 0;
    top: 0;
    padding: 16.25px 10px 16.25px 20px;
    z-index: 5;
    display: none
}
.nav-icon {
    margin: 15px auto;
    margin-top:4px;
    width: 20px;
    height: 16px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer
}
.nav-icon1 span,
.nav-icon3 span,
.nav-icon4 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 120%;
    background: #fe646c;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}
.close-button .nav-icon1 span,
.close-button .nav-icon3 span,
.close-button .nav-icon4 span {
    background: #b5b5b5
}
.nav-icon1 span:nth-child(1) {
    top: 0px
}
.nav-icon1 span:nth-child(2) {
    top: 7px
}
.nav-icon1 span:nth-child(3) {
    top: 14px
}
html.openmenu .nav-icon1 span:nth-child(1),
.close-button .nav-icon1 span:nth-child(1) {
    top: 7.5px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}
html.openmenu .nav-icon1 span:nth-child(2),
.close-button .nav-icon1 span:nth-child(2) {
    opacity: 0;
    left: -60px
}
html.openmenu .nav-icon1 span:nth-child(3),
.close-button .nav-icon1 span:nth-child(3) {
    top: 7px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg)
}
.nav-icon3 span:nth-child(1) {
    top: 0px
}
.nav-icon3 span:nth-child(2),
.nav-icon3 span:nth-child(3) {
    top: 7px
}
.nav-icon3 span:nth-child(4) {
    top: 14px
}
html.openmenu .nav-icon3 span:nth-child(1),
.close-button .nav-icon3 span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%
}
html.openmenu .nav-icon3 span:nth-child(2),
.close-button .nav-icon3 span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}
html.openmenu .nav-icon3 span:nth-child(3),
.close-button .nav-icon3 span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
html.openmenu .nav-icon3 span:nth-child(4),
.close-button .nav-icon3 span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%
}
@media (max-width: 1023px) {
    a.mobile {
        display: block
    }
}
.tx_mask_keyvisual.desktop {
    display: none
}
.tx_mask_keyvisual.mobile {
    display: none
}
.tx_mask_keyvisual a.scroll-down {
    position: absolute;
    display: block;
    background-color: #008136;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    font-size: 1.25em;
    bottom: -75px;
    z-index: 50;
    right: 0px;
    cursor: pointer
}
@media (max-width: 1023px) {
    .tx_mask_keyvisual a.scroll-down {
        right: calc(50% - 25px)
    }
}
@media (orientation: portrait) {
    .tx_mask_keyvisual.mobile {
        display: block
    }
}
@media (orientation: landscape) {
    .tx_mask_keyvisual.desktop {
        display: block
    }
}
div.background {
    padding-top: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center
}
div.background+* {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}
div.gridrow {
    margin-bottom: 30px;
    width: 100%
}
div.gridcol>div:last-child>div.gridrow {
    margin-bottom: 0
}
section.content>div.layout-1>div.gridrow {
    padding: 41px 0
}
section.content>div.layout-1+div.layout-1>div.gridrow {
    padding-top: 0
}
div.gridcol {
    float: left;
    position: relative
}
div.gridcol100>div.background {
    padding-top: 50%
}
div.gridrow div.gridrow div.gridcol100>div.background {
    padding-top: calc(50% - 15px)
}
div.gridcol100 {
    width: 100%
}
div.gridcol50 {
    width: 50%
}
div.gridcol50:first-child {
    padding-right: 15px
}
div.gridcol50:first-child+div.gridcol50 {
    padding-left: 15px
}
div.csc-default > div.gridrow div.csc-default+div.csc-default>div.gridrow {
    margin-bottom: 0
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    max-width: 800px;
    background-color: #fff;
    margin: 2em 0
}
.mfp-bg {
    opacity: 0.5
}
.custom1,
.custom2,
.custom3,
.custom5 {
    color: #fff
}
.col-md-6:first-child+.col-md-6>.mask_historie:first-child {
    margin-top: 100px
}

.tx_mask_kontakt {
    background-color: #f0f0f0;
    padding: 20px
}
.tx_mask_kontakt i {
    margin-right: 1em
}
.tx-powermail legend,
.tx-powermail .powermail_label {
    display: none
}
.tx-powermail fieldset {
    margin-top: 1em
}
.tx-powermail .powermail_fieldwrap {
    width: 50%;
    padding-right: 15px;
    margin-top: 1em;
    float: left
}
.tx-powermail .powermail_fieldwrap.layout1 {
    padding-right: 0;
    padding-left: 15px;
    text-align: right
}
.tx-powermail .powermail_fieldwrap.layout2 {
    padding-right: 0;
    padding-left: 0;
    width: 100%
}
.tx-powermail .powermail_field>* {
    width: 100%;
    border: 0 none transparent;
    background-color: rgba(255, 255, 255, 0.75);
    padding: 12px 17px;
    color: #000
}
.tx-powermail .powermail_field>*:placeholder-shown {
    background-color: rgba(255, 255, 255, 0.5)
}
.tx-powermail .powermail_field>.powermail_submit {
    max-width: 210px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.125)
}
.tx-powermail .powermail_fieldwrap_text {
    font-size: 14px
}
.tx-powermail ul.parsley-errors-list {
    background-color: #e25d76;
    border: 1px solid #e25d76;
    bottom: 8px;
    font-size: 0.75em;
    margin: 0;
    margin-left:-10px;
    cursor:default;
    padding: 2px 8px;
    position: absolute;
    right: 0;
    width: auto;
    z-index: 5;
    opacity: 0.95
}
.tx-powermail ul.parsley-errors-list:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e25d76 transparent transparent;
    left: -10px;
    top: 4px
}
.tx-powermail ul.parsley-errors-list li {
    color: #fff;
    list-style-type: none;
    margin: 0;
    opacity: 1
}
.tx-powermail .powermail_field {
    position: relative
}
.tx-powermail ul.parsley-errors-list li:before {
    display: none
}
@media (max-width: 767px) {
    .tx-powermail .powermail_fieldwrap {
        padding-right: 0 !important;
        padding-left: 0 !important;
        width: 100%
    }
}

.text-left {
    text-align: left
}
.text-right {
    text-align: right
}
.text-center {
    text-align: center
}
.csc-header-alignment-center {
    text-align: center
}
.csc-header-alignment-left {
    text-align: left
}
.csc-header-alignment-right {
    text-align: right
}
p.align-left {
    text-align: left
}
p.align-center {
    text-align: center
}
p.align-right {
    text-align: right
}
p.align-justify {
    text-align: justify
}








/* TICKER */

.vticker{
	border: 0px solid red;
	width: 100%;
	height:450px !important;
	padding-left:0px;
	padding-right:0px;
	background:url(../img/muster_ticker.png) top left repeat-y  !important;
	background-color:#eff3f7 !important;
	color:#317a88 !important;
	border-bottom:6px solid #a8d8d9;
	overflow-y:hidden !important;
	margin-top:-2px;
	z-index:0
}
.vticker ul{
	padding: 0;
}
.vticker li{
	list-style: none;
	background:url(../img/muster_ticker.png) bottom left repeat-y  !important;
	background-color:#eff3f7 !important;
	border-bottom: 0px solid green;
	padding: 10px;
	padding-top:40px;
	padding-right: 33px;
	padding-left:57px !important; 
	min-height:590px !important;
}


.vticker li h1{
	margin-left:-4px !important;
	color: #82b9c5 !important;
	font-size: 20ßx !important
}

.vticker li a {
	color:#ef637a !important;
	text-decoration:underline !important
}

#corona {
	background:url(images/raster_corona.png) repeat-y !important; 
	background-position: top left; 
	background-color:#e3606f !important; 
	color:#fff !important; 
	padding-top:25px !important; 
	padding-left:57px !important; 
	font-size: 15px !important; 
	line-height: 16px !important
}


#scroll img {
	background: transparent !important;
}


.vticker li a:hover {
	text-decoration:underline !important
}



.et-run{
	background: red;
}

.up {
	position: absolute;
	z-index:2;
	left:50%;
	margin-left:-50px;
	margin-top:422px;
	display:block;
	background:#a8d8d9;
	color:#fff;
	border:0;
	font-size:11px;
	padding-left:15px;
	text-transform: uppercase;
	border-radius: 5px 5px 0px 0px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top:2px;
	-webkit-transition: all 0.15s ease-in-out 0s;
    transition: all 0.15s ease-in-out 0s
}

.up:hover {
	/*text-decoration:underline;*/
	background-image: linear-gradient(0deg, transparent, rgba(0,0,0,0.1));
}


.down {
	position: absolute;
	z-index:999999;
	right:20px;
	margin-top:20px;
}



#login {
	font-size:11px !important;
	text-transform:none !important;
	line-height:12px;
	cursor:default !important
}

#login:hover {
	text-decoration: none !important
	}







/* NAVIGATION MENU */

.hassub a {
	color:rgba(255,255,255,0.84) !important
}

.hassub a:hover {
	color:#fff !important;
	text-decoration:underline !important;
}

.element1 a:hover {
	text-decoration:underline !important;
}

.element2 a {
	color:rgba(255,255,255,0.62) !important
}

.element2 a:hover {
	color:#fff !important;
	text-decoration:underline !important;
	margin-left:0px
}

.outer-nav {
		display:block;
		z-index:9999999999 !important
		}




/* PARTNER LOGOS */

#partner{
	display: table;
    width: 101% !important;
    padding:0;
    margin:0;
    position:relative;
    z-index:1;
    margin-left:13px;
    margin-top:-15px;
}

#partner li {
	list-style:none !important;
	padding-right:15px;
	padding-top:5px;
	text-transform:uppercase;
	font-size:15.5px;
	font-weight:700;
	float:left;
	width: 20%;
	/*box-shadow:rgba(0,0,0,0.15) 10px 10px 25px;*/
}

.flip-container {
			width: 100%;
			height:135px;

		}

		.front, .back {
			width: 100%;
			height:100%;
		}


		/* simple */
		.flip-container {
			float:right;
			margin-top:10px;
			-webkit-perspective: 1000;
			-moz-perspective: 1000;
			-ms-perspective: 1000;
			perspective: 1000;

			-ms-transform: perspective(1000px);
			-moz-transform: perspective(1000px);
    			-moz-transform-style: preserve-3d;
    			-ms-transform-style: preserve-3d;

			border: 0px solid #fff;
			padding:0px !important;
			margin-right:15px;
		}



/* START: Accommodating for IE */
	.flip-container:hover .back, .flip-container.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip-container:hover .front, .flip-container.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

		.flipper {
			-webkit-transition: 0.6s;
			-webkit-transform-style: preserve-3d;
			-ms-transition: 0.6s;

			-moz-transition: 0.6s;
			-moz-transform: perspective(1000px);
			-moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;

			transition: 0.6s;
			transform-style: preserve-3d;

			position: relative;
		}

		.front, .back {
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			backface-visibility: hidden;

		    -webkit-transition: 0.6s;
		    -webkit-transform-style: preserve-3d;
		    -webkit-transform: rotateY(0deg);

		    -moz-transition: 0.6s;
		    -moz-transform-style: preserve-3d;
		    -moz-transform: rotateY(0deg);

		    -o-transition: 0.6s;
		    -o-transform-style: preserve-3d;
		    -o-transform: rotateY(0deg);

		    -ms-transition: 0.6s;
		    -ms-transform-style: preserve-3d;
		    -ms-transform: rotateY(0deg);

		    transition: 0.6s;
		    transform-style: preserve-3d;
		    transform: rotateY(0deg);

			position: absolute;
			top: 0;
			left: 0;
		}

		.front {
			-webkit-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			background: #fff;
			z-index: 2;
			background-size:87% !important;
			background-position: center center !important;
			box-shadow:rgba(0,0,0,0.1) -2px 2px 18px;
			border:0px solid #bfdfe1;
			background-color: #deeced !important;
		}

		.back {
			width:0px;
			height:0px;
			background:#fff;
			color:#fff;
			-webkit-transform: rotateY(-180deg);
		    -moz-transform: rotateY(-180deg);
		    -o-transform: rotateY(-180deg);
		    -ms-transform: rotateY(-180deg);
		    transform: rotateY(-180deg);
		    box-shadow:rgba(0,0,0,0.3) -2px 2px 38px !important;
		}


		.front .name {
			font-size: 2em;
			display: inline-block;
			background: rgba(33, 33, 33, 0.9);
			color: #f8f8f8;
			padding: 5px 10px;
			border-radius: 5px;
			bottom: 60px;
			left: 25%;
			position: absolute;
			text-shadow: 0.1em 0.1em 0.05em #333;
			display: none;
			-webkit-transform: rotate(-20deg);
			-moz-transform: rotate(-20deg);
			-ms-transform: rotate(-20deg);
			transform: rotate(-20deg);
		}

		.back-logo {
			position: absolute;
			top: 40px;
			left: 90px;
			width: 125px;
			height: 125px;

		}

		.back-title {
			font-weight: bold;
			color: #317a88 !important;
			position: absolute;
			top: 20px;
			left: 0;
			right: 0;
			width:100%;
			text-align: center;
			/*text-shadow: 0.1em 0.1em 0.05em #acd7e5;*/
			font-size: 10.5px;
			line-height:11px
		}

		.back p {
			position: absolute;
			text-transform:none !important;
			font-weight:600 !important;
			top: 37px;
			left: 0;
			right: 0;
			text-align: center;
			padding: 0 10px;
			font-size: 10px;
			line-height: 11px;

		}

		.back p {
			color:#3c7a8f !important;
			-webkit-transition: all 0.45s ease-in-out 0s;
			transition: all 0.45s ease-in-out 0s
		}

		.back p:hover{
			color:#ee6279 !important;
			text-decoration:underline !important;
			-webkit-transition: all 0.15s ease-in-out 0s;
			transition: all 0.15s ease-in-out 0s
		}

		/* vertical */
		.vertical.flip-container {
			position: relative;
		}

			.vertical .back {
				-webkit-transform: rotateX(180deg);
				-moz-transform: rotateX(180deg);
				-ms-transform: rotateX(180deg);
				transform: rotateX(180deg);
			}

			.vertical.flip-container .flipper {
				-webkit-transform-origin: 100% 213.5px;
				-moz-transform-origin: 100% 213.5px;
				-ms-transform-origin: 100% 213.5px;
				transform-origin: 100% 213.5px;
			}

			/*
			.vertical.flip-container:hover .flipper {
				-webkit-transform: rotateX(-180deg);
				-moz-transform: rotateX(-180deg);
				-ms-transform: rotateX(-180deg);
				transform: rotateX(-180deg);
			}
			*/

			/* START: Accommodating for IE */
			.vertical.flip-container:hover .back, .vertical.flip-container.hover .back {
			    -webkit-transform: rotateX(0deg);
			    -moz-transform: rotateX(0deg);
			    -o-transform: rotateX(0deg);
			    -ms-transform: rotateX(0deg);
			    transform: rotateX(0deg);
			}

			.vertical.flip-container:hover .front, .vertical.flip-container.hover .front {
			    -webkit-transform: rotateX(180deg);
			    -moz-transform: rotateX(180deg);
			    -o-transform: rotateX(180deg);
			    transform: rotateX(180deg);
			}
		/* END: Accommodating for IE */


@media (min-width: 1600px) {
	#partner li {
	width: 12.5% !important
	}
}

@media (min-width: 1300px) {
	#partner{
	width:102% !important;
	}
	#partner li {
	width: 14.28%
	}
}

@media (max-width: 900px) {
	#partner{
	width:102% !important;
	}
	#partner li {
	width: 20%
	}
}

@media (max-width: 750px) {
	#partner{
	width:105% !important;
	}
	#partner li {
	width: 25%
	}
}

@media (max-width: 600px) {
	#partner{
	width:103% !important;
	margin-top:-8px;
	}
	#partner li {
	width: 33.3% !important
	}
}

@media (min-width: 1900px) {
	#partner li {
	width: 10% !important
	}
}




































/* SEARCH BOX */

#kombisearch{
	display: table;
    width: 100%;
    padding:0;
    margin:0;
    position:relative;
    background:#24239b;
    margin-bottom:-2px !important;
}

#kombisearch li {
	list-style:none !important;
	padding:7px 30px 8px;
	text-transform:uppercase;
	font-size:15.5px;
	font-weight:700;
	float:left;
	width: 25%;
	cursor:pointer !important
	/*box-shadow:rgba(0,0,0,0.15) 10px 10px 25px;*/
}

#kombisearch li:first-child {
	background:#317a88;
}

#kombisearch li:nth-child(2)  {
	background:#f66878;
}

#kombisearch li:nth-child(3)  {
	background:#24239b;
}

#kombisearch li:nth-child(4)  {
	background:#7bb9c6;
}

#kombisearch li a {
	padding-left:10px;
	color:rgba(255,255,255,0.9);
	cursor:pointer;
	white-space: nowrap;
}

#kombisearch li:first-child a {
	padding-left:20px !important;
	}

#kombisearch li a:hover {
	color:rgba(255,255,255,1);
	text-decoration:underline !important;
}

#kombisearch_result {
	display:none;
	z-index:8 !important;
	width:100%;
	position:relative;
	color:#82b9c5;
	text-align:center;
	font-size:14px;
	background:#fff;
	margin-top:0px !important;
	padding:0px;
	box-shadow:rgba(0,0,0,0) 0px 0px 70px;

}

#kombisearch li:hover {
	/*background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,0.12));*/
	-webkit-transition: all 0.35s ease-in-out 0s;
    transition: background 0.35s ease-in-out 0s;
    text-decoration:underline !important;
	}


#kombisearch_result_info {
	padding-left:0px;
	padding-right:0px;
	overflow:hidden !important;
	opacity:0;
	background:#fff !important;
	/*max-height:2299px !important*/
}

#kombisearch_result_info td {
	height:10px;
	text-align:left !important;
	padding-top:5px !important;
	padding-bottom:5px !important;
	line-height:12.5px !important;
	padding-right:4px !important;
	vertical-align:top !important
}

#kombisearch_result_info th {
	font-weight:600 !important;
	font-size:143px;
	text-transform:uppercase !important
	}

.close {
	display:none;
	position:absolute;
	z-index:99999 !important;
	opacity:0.85;
	right:5px !important;
	margin-top:6px !important;
	width:23px;
	cursor:pointer;
	-webkit-transition: all 0.15s ease-in-out 0s;
    transition: all 0.15s ease-in-out 0s
}

.close:hover {
	opacity:0.9;
	-webkit-transition: all 0.15s ease-in-out 0s;
    transition: all 0.15s ease-in-out 0s
}

th {
	text-transform: uppercase !important;
	font-weight:600 !important;
	font-size:15px !important
}

.dozent {
	position:relative;
	float:left;
	margin-right:-95px;
	width:100px;
	margin-bottom:-20px
}

.dozinfo {
	height:200px !important;
	margin-top:18px;
	margin-bottom:10px;
	margin-right:40px;
	margin-left:40px;
	}



.custom1 a {
	color: #24239b !important;
	text-decoration:underline
}
.custom1 a:hover {
	color: #f66878 !important;
	text-decoration:underline
}



iframe {
	width:100%;
	height:100%;
	border:none;
	}


.hide_me {
	display:none;
}

.hidden {
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0
}

#titlebox {
	background:#24239b;
	text-align:center;
	height:197px;
	overflow-y:hidden;
	color:#fff;
	text-align:center;
	padding-left:50px !important;
	padding-right:50px !important;
	width:100%;
	/*background:url(../img/stuhl_blur.jpg) left -300px !important;
	background-size:100% 200%;*/
}

#titlebox h1 {
	font-size:26px;
	line-height:27px;
	font-weight:600;
	letter-spacing:1.2;
}

#titlebox h2 {
	margin-top:15px;
	font-size:16px;
	font-weight:200;
	color: rgba(255,255,255,0.85);
}

.custom1 {
	padding:40px;
	padding-top:25px;
	background:rgba(255,255,255,0.22) !important;
	background-attachment:fixed;
    height: 100%
}

.custom2 {
	padding-left:37px !important;
	padding-right:37px !important;
	background:#52959e !important;
}

.custom2 h3 {
	text-transform:uppercase !important;
	font-weight:700;
	font-size:22px;
	margin-top:-10px
	}


.custom2 a{
	background:none !important;
	padding:0 !important;
	margin:0
}

.entry-content td {
	color:#24239b !important;
	font-weight:400
}

.entry-content a {
	cursor:pointer !important;
	color:#f66878;
	text-decoration:underline !important;
}

.entry-content  a:hover {
	color:#f66878;
	text-decoration:underline !important;
}

.entry-content img{
	float:right;
	margin-left:30px;
	margin-bottom:20px;
	width:230px !important;
	height:auto !important;
	margin-top:0px;
	position:relative
		}
		
.entry-content iframe{
	min-height:450px;
		}

.entry-content {
	min-height:300px;
	padding-left:50px !important;
	padding-right:50px !important;
	padding-top:45px !important;
	padding-bottom:50px !important;
	font-size:15.5px !important;
	line-height:19px !important;
	color:#24239b !important;
	-moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; 
}

section {
	color:#24239b !important;
}

.custom2 {
	color:#fff !important;
}

.entry-header {
	display:none
}





#katalog {
-webkit-transition: all 0.45s ease-in-out 0s;
transition: all 0.45s ease-in-out 0s
}
#katalog:hover {
margin-top:-350px;
-moz-transform: scale(1.3) rotate(3deg);
-webkit-transform: scale(1.43) rotate(3deg);
-webkit-transition: all 0.25s ease-in-out 0s;
 transition: all 0.25s ease-in-out 0s
}






/* FORMS */

.custom2 #formulartext {
	font-size:14px;
	line-height:18px;
	max-width:730px
	}
.powermail_field {
	margin-top:-3px !important;
	}

.powermail_field p {
	margin:0 !important;
	white-space:nowrap;
	margin-top:-13px !important;
	font-size:13px;
	padding:0;
	color: rgba(255,255,255,0.7) !important;
	background: none !important
	}

input[type='checkbox'] {
	float:left !important;
	position: absolute;
	margin-top:2px;
	margin-left:-4px;
	}

input[type='submit'] {
	text-transform:uppercase !important;
	font-weight:700;
	font-size:14px;
	letter-spacing:1.3px
	}

input[type='submit']:hover {
	/*text-decoration:underline;*/
	background:rgba(0,0,0,0.17) !important;
	-webkit-transition: all 0.15s ease-in-out 0s !important;
    transition: all 0.15s ease-in-out 0 !important
	}
input[type='submit']:active {
	background:#f66878 !important;
	}

input[type='text'], input[type='email'], textarea  {
	color:#24239b !important;
	font-size:16px !important;
	font-weight:600;
	font-size:14px !important;
	-webkit-transition: all 0.45s ease-in-out 0s !important;
    transition: all 0.45s ease-in-out 0 !important
	}

input[type='text']:focus, input[type='email']:focus, textarea:focus {
	background:rgba(255,255,255,0.79) !important;
	}

input[type='text']:active, input[type='email']:active, textarea:active {
	background:rgba(255,255,255,0.99) !important;
	}







#infobox {
	position:absolute;
	right:30px;
	top:20px;
	z-index:9999;
	border: 2px solid #24239b;
	padding:7px;
	color:#24239b;
	background: rgba(255,255,255,0.4);
	font-size:13px;
}



#iconbar {
	position:absolute;
	display:none;
	z-index:99;
	bottom:7px;
	right:15px;
	height:70px;
	opacity:0.8;
	-moz-opacity:0.8;
	-webkit-opycity:0.8
}









/* SEARCH */

/* SEARCH RESULT */
/* LIST VIEW */

#suchbox {
	position:relative;
	left: 195x;
    margin:0;
    padding:0;
    width:680px;
	margin-bottom: -11px;
	overflow:hidden;
}


#suchtreffer {
	display: none;
	margin-top: 19px;
    width: 661px;
    overflow-x:hidden;
    margin-bottom: -23px;
    padding-top:0px;
}

#tablecontainer {
	/*max-height:330px;
    overflow-y:auto;*/
}

table.tablesorter {
	width:100%;
}

table.tablesorter tr {
	height: 25px;
	background:#009999;
}


table.tablesorter tr:hover {
	background:#ff6d6b;
	cursor:pointer;
}

table.tablesorter tbody tr.odd {
	background-color:#4cbfc4;
}

table.tablesorter tbody tr.odd:hover {
	background:#ff6d6b;
	cursor:pointer;
	}

table.tablesorter td {
	padding-top: 4px;
	padding-left: 9px;
	padding-right:6px;
	padding-bottom:4px;
	color:#fff !important;
	font-size:11.8px;
	border-right:0px dotted rgba(255,255,255,0.3);
	font-weight:200 !important
}

table.tablesorter th {
	padding-top: 2px;
	height:25px;
	padding-left: 9px;
	padding-right:6px;
	text-align:left;
	color:#ade3e4 !important;
	font-weight:200;
	border-right:0px dotted rgba(255,255,255,0.3);
	background:#187779;
	font-size:12px !important;
	cursor: s-resize !important
}

table.tablesorter td a {
	color:#fff !important;
	text-decoration: none;
}

table.tablesorter td a:hover {
	color:#fff !important;
	text-decoration: none;
}

table.tablesorter td b {
	color:#257779 !important;
	text-decoration: none;
	font-weight:normal !important
}


table.tablesorter thead tr .header {
	background-image: url(images/bg.png);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(images/asc.png);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(images/desc.png);
}

#inhalt {
	margin-top: 20px;
	margin-bottom: 57px;
	color:#00989a !important;
	font-family: 'Ubuntu',Verdana, sans-serif !important;
	font-size: 14px;
	line-height:20px
}






.miniheader {
	height:86px;
	width:100%;
	background:url(../img/stuhl_blur.jpg) 0px -160px;
	background-size:100% 500%
}

@media (max-width: 1021px) {
.miniheader {
	display:none
}
}





/* SEARCH RESULT */
/* CALENDAR */


table.calendar { width: 100%;border-left:1px solid transparent; height: auto; background:#00979c;}
#calendar {text-align:center; overflow: hidden;}



th.calendar-day-np  { } * html div.calendar-day-np {}
th.calendar-day-head {background:#00767a; font-weight:200; text-align:center; max-width: 250px; min-width: 50px; padding:5px; border-bottom:0px solid transparent; border-top:1px solid transparent; border-right:1px solid transparent; font-size: 10px; height: 12px;  color:#65c6ca}

td.calendar-current  { text-align: left; color: #fff !important; font-size:10px; line-height: 11px; position:relative; background: #ff6e6b}
* html div.calendar-day { }

td.calendar-day  { height:100px; background: #4ab8bd; color:#fff; text-align: left; font-size:10px; line-height:11px; position:relative;} * html div.calendar-day { }
/*td.calendar-day:hover  { background:#ff6d6b;; } */

div.day-number-current   { color: #d6b69f; background: #df5f5d; padding:5px; padding-bottom: 3px; padding-top: 3px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:100%; text-align:left; font-size: 10px; margin-bottom: 5px; }

div.day-number    {color: #fff;  background:#00979c; padding:5px; padding-bottom: 3px; padding-top: 3px; font-weight:200; float:right; margin:-5px -5px 0 0; width:100%; text-align:left; font-size: 10px; margin-bottom: 5px; }

.time_current {color: #000; font-weight:600; line-height: 15px}
.time {color: #fff; line-height: 15px;}


/* shared */
td.calendar-day, td.calendar-day-np, td.calendar-current { padding:5px; border-bottom:1px solid transparent; border-right:1px solid transparent; width: 87px}

.found {
	cursor:pointer;
	margin-bottom:6px
}

.found:hover {
	text-decoration: underline
}

.ort {
	color:#bff5f8;
}

td.calendar-current .ort {color:#fff !important}

.hidden {
	visibility:hidden
}

.button_prev {
	position:absolute;
	text-align:center;
	width:  110px;
	margin-left:0px;
	margin-top:8px;
	height: 18px;
	line-height:18px;
	padding: 0px;
	border-radius: 4px;
	border: 1px solid #33999c;
	color: #fff;
	background: #3eb8bc;
	font-size:11px;
	font-family: Ubuntu;
	outline: none;
	/*box-shadow: rgba(0,0,0,0.2) 1px 1px 1px;*/
	cursor: pointer;
}

.button_prev:hover {
background: #ff6e6b;
border: 1px solid #33999c;
}

.button_next {
	position:absolute;
	z-index:9999999;
	text-align:center;
	width:  110px;
	right:20px;
	margin-top:8px;
	height: 18px;
	line-height:18px;
	padding: 0px;
	border-radius: 4px;
	border: 1px solid #33999c;
	color: #fff;
	background: #3eb8bc;
	font-size:11px;
	font-family: Ubuntu;
	outline: none;
	/*box-shadow: rgba(0,0,0,0.2) 1px 1px 1px;*/
	cursor: pointer;
}

.button_next:hover {
background: #ff6e6b;
border: 1px solid #33999c;
}




.button_next_hidden {
	position:absolute;
	z-index:999;
	width:  130px;
	right:15px;
	margin-top:8px;
	height: 24px;
	line-height:18px;
	padding: 0px;
	border-radius: 0px;
	border: 0px solid #33999c;
	color: #fff;
	background: #fff;
	outline: none;
	cursor: default

}


.button_prev_hidden {
	position:absolute;
	z-index:999;
	text-align:center;
	width:  120px;
	margin-left:0px;
	margin-top:8px;
	height: 24px;
	line-height:18px;
	padding: 0px;
	border-radius: 0px;
	border: 0px solid #fff;
	color: #fff;
	background: #fff;
	outline: none;
	cursor: default;
}

.check {
display: none;
cursor: help;
position: absolute;
right: 2px;
top: 4px;
text-align: right;
font-size: 9px;
line-height: 10px;
color: #575757;
/* background: #1d1d1d;*/
border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;
padding: 4px 8px 4px 8px;
}

#close_suche {
	display:block;
	position: absolute;
	z-index:9999999
}









/* INFOBRIEF */

.infobrief {
	width:100% !important;
	padding-right:40px !important;
}

#drawers, #drawers ul, #drawers li {
	margin-top:0px !important;
	margin-bottom: 0px !important;
	width:100% !important;
	margin-left:0px !important;
	overflow:hidden !important
}

h5 {
    line-height: 30px;
    padding-left: 8px;
    padding-top: 0px;
    color: #fff;
    background: #00989b;
    width: 100%;
    font-size:15px !important;
    font-weight: 400;
    height: 30px !important;
    cursor:pointer;
    border-bottom:1px dotted #9ce3e5;
    text-transform:uppercase;
    letter-spacing:0.3px

}

h5:hover {
	background:#f66878
   	/*text-decoration:underline !important*/
}


#drawers div.first {
	display:block;
	width:100%;
	}


#drawers li {
	margin-left:-40px !important;
	padding-left:0px;
	width:110% !important;
	list-style:none !important;
	color:#2e0f9a;
	padding-bottom:4px;
	font-size:14px !important;
	line-height:18px
	}

#drawers li h5 {
	min-width:100% !important;
}

#drawers li h1 {
	font-size:20px !important;
	line-height:22px !important
}

#drawers li a h1 {
	font-size:20px !important;
	line-height:22px !important;
	color:#2e0f9a !important;
}

#drawers li a h1:hover {
	text-decoration:underline
}

.padding {
	padding-left:30px;
	padding-top:10px
}

#expandall {
	display:block;
	position: absolute;
	margin-top: 5px;
	right: 28px;
	cursor:pointer;
	font-weight:normal;
	color:rgba(255,255,255,0.85) !important
}

#expandall:hover {
	color:rgba(255,255,255,1) !important
}


.infobrief {
	width:647px;
	padding:6px;
	padding-left:8px;
	padding-bottom:11px;
	margin-top:-1px;
	background: rgba(255,255,255,0);
}

.infobrief_open {
	cursor:pointer;
	display:block;
	position: absolute;
	margin-top: -19px;
	right: 10px;
	width:15px;
	opacity:0.6;
	-webkit-opacity:0.6;
	border:0 !important;

}

.infobrief_open:hover {
	margin-top: -17px;
	opacity:0.9;
	-webkit-opacity:0.9;
	border:0 !important
}

.infospalte {
	background-image: url(images/infobrief_icon.png);
	background-position: 635px 11px;
	background-repeat: no-repeat;
	background-height:10px;
}

.infospalte:hover {
	background-image: url(images/infobrief_icon.png);
	background-position: 635px -49px;
	background-repeat: no-repeat;
}

#platz {
	height:20px
}

#suche {
	display: none
}


.abstand {
	margin-left:10px;
}


#google_translate_element{
	display:none;
	position:absolute;
	margin-top:2px;
	margin-left:208px;
	max-height:24px;
	overflow:hidden
}



.trans {
	width: 110px;
	height:110px;
	float:left;
	background-size:130% 130%  !important;
	background-position:center center !important;
	margin-left:5px;
	margin-top:5px;
	background-color: transparent !important;
	border:4px solid transparent;
	 transition: background-size .3s ease-out;
    -moz-transition: background-size .3s ease-out;
    -webkit-transition: background-size .3s ease-out;
	}

.trans:hover {
    background-size:170% 170%  !important;
    background-position:center center !important;
	 transition: background-size .3s ease-out;
    -moz-transition: background-size .3s ease-out;
    -webkit-transition: background-size .3s ease-out;
    border:4px solid #f9616f;

}



/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('https://i-t-f.de/img/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
	opacity:0 !important
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: fixed;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: absolute;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -36px;
	width: 30px;
	height: 30px;
	background: transparent url('https://i-t-f.de/img/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }





/* HISTORY */


	#history table td {
		padding-right:18px !important;
		padding-bottom:16px !important;
	}

	#history table td img {
		border: 0px solid #d7e1e4;
		box-shadow: rgba(0,0,0,0.2) 5px 5px 10px;
		-webkit-transition: all 0.45s ease-in-out 0s;
		transition: all 0.45s ease-in-out 0s;
		cursor: -moz-zoom-in !important;
		cursor: -webkit-zoom-in !important;
		cursor: zoom-in !important;
	}

	#history table td img:hover {
		border: 4px solid #d7e1e4;
		height:250px !important;
		width: auto !important;
		position:absolute;
		margin-top:-125px;
		margin-left:-30px;
		transform:rotate(0deg);
		z-index:9999;
		box-shadow: rgba(0,0,0,0.22) 5px 25px 30px;
		-webkit-transition: width 0.25s ease-in-out 0s;
		transition: width 0.25s ease-in-out 0s;
		cursor: -moz-zoom-in !important;
		cursor: -webkit-zoom-in !important;
		cursor: zoom-in !important;
		}

	#history table {
		margin-top:30px;
		margin-bottom:40px;
		max-width:1200px !important
	}

	#history .bildchen {
		margin-right:7px !important;
		margin-bottom:7px !important;
		width:75px !important;
		height:auto !important;
		border-radius:0px;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		border: 0px solid #d7e1e4;
		float: left !important;
	}







/* STANDORTE */

.standort {
	margin-top:-16px;
	clear:both;
	height:250px;
	background:transparent !important;
	background-color:rgba(112,176,191,0.4) !important;
	/*background-color:#70b0bf !important;*/
	border-bottom:0px dashed #FFF;
	/*background:#fff !important;
	color:#2e0f9a !important*/
	margin-bottom:25px !important

}

.standort img {
	float:right;
	height:250px;
	width:250px;
	margin-left:20px;
	border:0 !important
	}

.standort p {
	padding-left:80px;
	padding-top:35px;
}

.standort p a {
	color: #e75b7b !important
}

.standort p a:hover {
	color: #e75b7b !important;
	text-decoration:underline !important
}

.standort p b {
	font-size:23px;
	text-transform:uppercase
}


/* RESPONSIVE */


@media (min-width: 1300px) {
	.studio {
		height:800px !important;
		 -webkit-transition: all 0.15s ease-in-out 0s;
		 transition: all 0.15s ease-in-out 0s
	}
	.vticker li{
		padding-left:82px !important;
		padding-right:80px !important;
		line-height:18px;
		font-size:15px
		}
	.vticker li img{
	right: 0px;
	float:right;
	height:190px;
	margin-top:-8px;
	margin-left:40px;
	margin-right:-30px;
	margin-bottom:45px;
	background: transparent !important;
	padding:0px;
	border:#c0c0c0 0px solid;
	}


	.vticker li iframe {
	left: 50%;
	position:absolute;
	height:400px !important;
	width:50%;
	border:0 !important;
	margin-left:0px;
	margin-top:-40px;
	background: #fff;
	padding:0px;
	border:#c0c0c0 0px solid;
	}

	.up {
	left:50%;
	margin-left:-50px;
	}
	h1 {
		font-size:30px !important;
		line-height:43px !important
	}
	section {
		font-size:15px !important;
		line-height:20px;
		height:auto !important;
		}
	.custom2 {
		padding-left:80px !important;
		padding-right:80px !important;
		padding-top:20px !important
	}
	}


@media (max-width: 1300px) {
		body {
			background: none !important
		}
		.vticker li{
		padding-left:57px !important;
		padding-right:33px !important;
		line-height:17px;
		font-size:14.5px;
		height:60px !important;
		overflow-y:hidden !important
		}
		.vticker li iframe {
		left: 0%;
		position:absolute;
		height:444px;
		width:100%;
		border:0 !important;
		margin-left:0px;
		margin-top:-40px;
		background: #fff;
		padding:0px;
		border:#c0c0c0 0px solid;
		}
	.vticker li img{
	right: 36px;
	float:right;
	height:120px !important;
	margin-left:40px;
	margin-bottom:45px;
	background: transparent !important;
	}
	h1 {
		font-size:25px !important;
		line-height:35px !important
	}
	section {
		font-size:14px !important;
		padding-left:43px !important;
		padding-right:43px !important;
		padding-top:33px !important;
		padding-bottom:50px !important;
		line-height:18px;
		font-size:15px !important
		}
	section p {

	}
	.custom2 {
	padding-left:43px !important;
	padding-right:43px !important;
	}
	}


@media (max-width: 580px) {
		.studio {
		height:300px !important;
		 -webkit-transition: all 0.15s ease-in-out 0s;
		 transition: all 0.15s ease-in-out 0s
		}
		.standort img {
		display:none;
		}

		.standort p {
		padding-left:30px;
		padding-top:40px;
		}

		#titlebox{
		height: 197px !important
		}
		
		#titlebox h1 {
		font-size:23px;
		line-height:25px;
		font-weight:600;
		letter-spacing:1.2
		}

		#titlebox h2 {
		font-size:12px
		}

		.vticker li{
		padding-left:20px !important;
		padding-right:33px !important;
		line-height:17px;
		font-size:14.5px;
		height:60px !important;
		overflow-y:hidden !important
		}
		.vticker li img{
		right: 36px;
		float:right;
		height:170px;
		margin-left:40px;
		margin-bottom:45px;
		}

		.vticker li iframe {
		left: 0%;
		position:absolute;
		height:260px;
		width:100%;
		border:0 !important;
		margin-left:0px;
		margin-top:-40px;
		background: #fff;
		padding:0px;
		border:#c0c0c0 0px solid;
		}

		.up {
		right:28px !important
		}

		h1 {
			font-size:28px !important;
			line-height:30px !important
		}
		section {
			padding-left:20px !important;
			padding-right:20px !important;
			padding-top:33px !important;
			padding-bottom:50px !important;
			line-height:16px !important;
			font-size:13px !important
			}
			
		#drawers li h5 {
		max-width: 100px !important
		}
		
		.trans {
			width: 110px !important;
			height: 110px !important;
		}
		
		
		#drawers li {
			max-width: 111% !important;
		}
}



@media (max-width: 1020px) {
	
	.studio {
		height:400px !important;
		 -webkit-transition: all 0.15s ease-in-out 0s;
		 transition: all 0.15s ease-in-out 0s
	}
	#newsletter {
		display:none
	}

		.outer-content {
			margin-top: 5px !important
		}
		
		#history table td {
		padding-right:8px !important;
		padding-bottom:6px !important;
	}

		#infobox {
		position:absolute;
		right:10px;
		top:10px;
		padding:4px;
		}

		#iconbar {
		position:absolute;
		display:none;
		z-index:99;
		bottom:63px;
		right:15px;
		height:70px;
		opacity:0.8;
		-moz-opacity:0.8;
		-webkit-opycity:0.8
	}

		.logo {
		border-bottom:6px #a8d8d9 solid;
		box-shadow:rgba(0,0,0,0.23) 0px 10px 20px
		}

		.outer-nav {
		z-index:99999;
		margin-top:-22px;
		display:none
		}

		.close {
		right:10px;
		margin-top:3px;
		width:19px;
		}

		#kombisearch_result {
		font-size:13px
		}

		#titlebox {
		height:147px !important;
		overflow-y:hidden;
		color:#fff;
		text-align:center;
		}

		#kombisearch li:first-child a {
		padding-left:40px !important;
		}

		#titlebox h1 {
		font-size:24px;
		line-height:26px;
		font-weight:600;
		letter-spacing:1.2
		}
		#titlebox h2 {
		margin-top:9px;
		}
		section p {
		font-size:14px;
		line-height:16px;
		color:#24239b
		}
		
		#drawers li {
			max-width: 111% !important;
		}
}


@media (max-width: 1100px) {
	
		#kombisearch li {
		padding:5px 30px 5px;
		padding-left:8px;
		padding-top:9px !important;
		padding-bottom:9px !important;
		text-transform:uppercase;
		font-size:14px;
		font-weight:700;
		/*float:none;
		display:block;
		width: 100%;*/
		text-align:left;
		}
		#kombisearch li:first-child a {
		padding-left:40px !important;
		}
	

		section {
			font-size:13px !important
		}
		
		
		#drawers li {
			max-width: 111% !important;
		}
}

@media (max-width: 950px) {
		.standort p {
		padding-left:30px;
		padding-top:40px;
		}.vticker {


			background:#fff !important
		}
		
		#drawers li {
			max-width: 111% !important;
		}

	}

@media (max-width: 850px) {

	.hide_me {
		display:inline
		}
	
	.show_me {
		display:none
		}
		
	.studio {
		height:400px !important;
		 -webkit-transition: all 0.15s ease-in-out 0s;
		 transition: all 0.15s ease-in-out 0s
	}
	
	#drawers {
		margin-top:0px !important;
	}

	#drawers li {
		width:2000px !important
	}

	#history table td {
		padding-right:4px !important;
		padding-bottom:4px !important;
	}

	#history table td img {
		border:0 !important
	}

	#infobox {
		display:none
		}
		.custom1 {
		padding:20px;
		padding-top:15px;
		padding-right:15px;
		}
	.custom2 {
	padding-left:20px !important;
	padding-right:20px !important;
	}
	section p {
		font-size:13px;
		line-height:15px;
		color:#24239b
		}

	.dozent {
			display:none !important
		}

	.dozinfo {
	height:130px !important;
	margin-bottom:10px;
	margin-left:0px !important;
	margin-right:15px
	}


	#kombisearch li {
		padding-left: 0 !important;
		padding-top:3px !important;
		padding-bottom:4px !important;
		text-transform:uppercase;
		font-size:11px;
		font-weight:700;
		/*float:none;
		display:block;
		width: 100%;*/
		text-align:left;
		}
	#kombisearch li a {
		padding-left:10px;
		color:rgba(255,255,255,0.9);
		cursor:pointer;
		}

	#kombisearch li:first-child a {
		padding-left:20px !important;
		}

	input[type='submit'] {
		width:500px !important
		}

	.hide_me {
		display:inline
		}
		.show_me {
		display:none
		}

	h1 {
		font-size:22px !important;
		line-height:28px !important;
	}



	.vticker li {
		padding-left:22x;
		font-size:13px !important;
		line-height:14px !important;
		background:#fff !important
	}


	.vticker li h1{
		margin-top:-10px
			}
			
		
	#corona {
		padding-left:22x;
		background: none !important;
		font-size:14.5px !important;
		line-height:16px !important;
		background-color:#e3606f !important;
	}
	
	#corona img {
		display: none !important
	}
	
	#titlebox {
		height:190px !important
	}
	
	#titlebox h1 {
		font-size: 21px !important;
		line-height:24px !important
	}
}


@media (max-width: 550px) {

	section p img{
			display:none
		}

		.vticker li img{
	display:none !important
	}

	.custom2 {
		padding-top:0px !important;
	}

	/*.outer-content {
		padding-right:18px !important
	}*/
	
	#titlebox {
		height:190px !important
	}
	
	#titlebox h1 {
		font-size: 21px !important;
		line-height:22px !important
	}
		
	#corona {
		padding-left:22x;
		background: none !important;
		font-size:14px !important;
		line-height:16px !important;
		background-color:#e3606f !important;
	}
	
	#corona img {
		display: none !important
	}
	
}



#scroll_top {
	position:fixed;
	background:rgba(0,0,0,0.0);
	text-align:center;
	font-size:20px;
	line-height:30px;
	bottom:0px;
	right:6px;
	opacity:0.5;
	cursor:pointer;
	width:46px;
	z-index:9999;
	height:48px;
	padding:10px;
	color:#fff;
	 -webkit-transition: all 0.45s ease-in-out 0s;
    transition: all 0.45s ease-in-out 0s
}

#scroll_top:hover {
	background:#f66878;
	opacity:0.88;
	 -webkit-transition: all 0.15s ease-in-out 0s;
    transition: all 0.15s ease-in-out 0s
	}


.logo {
		border-bottom:6px #a8d8d9 solid;
		box-shadow:rgba(0,0,0,0.0) 0px 10px 20px
		}

.vticker .anzeige{
	left: 0% !important;
	position:absolute;
	height:260px;
	width:100%;
	border:0 !important;
	margin-left:0px;
	margin-top:-40px;
	background: #fff;
	padding:0px;
	border:#c0c0c0 0px solid;
}

.vticker .anzeige img {
	display:block !important
	}

.outer-content {
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
}



.vticker li h1, section h1  {
	font-size:28px !important;
	line-height:30px !important;
	margin-left: -3px !important;
	margin-top:-4px !important;
	margin-bottom:2px !important
}



.vticker li h1 a {
	cursor:default !important;
	text-decoration:none !important;
}

.vticker li h1 a:hover {
	text-decoration:none !important;
}

#loading {
	float:left !important;
	margin-left:3px;
	margin-right:10px;
	margin-top:0px;
	height:20px;
	margin-bottom:0 !important
}


section a {
	color:#ef637a !important;
	text-decoration:underline !important
}

section a:hover {
	text-decoration:underline !important
}





/* iPhone Fix */
  input, input:before, input:after, textarea, textarea:after {
      -webkit-user-select: initial !important;
      -khtml-user-select: initial !important;
      -moz-user-select: initial !important;
      -ms-user-select: initial !important;
      user-select: initial !important;
     }





/* ----- SOCIAL MEDIA ----- */
ul.social_media {
	position: absolute;
    left: 8px;
    list-style-type: none;
    bottom: 17px;
    z-index:99999999 !important
}

ul.social_media li {
    float: left;
    display: block;
    margin-left: 10px;
    height: 20px;
    width: 20px;
    background: url('images/sprite.png') no-repeat;
}

ul.social_media li a {
    display: block;
    height: 20px;
    width: 20px;
}

ul.social_media li.facebook {
    background-position: -323px -388px;
}

ul.social_media li.google {
    display: block;
    background-position: -393px -386px;
}

ul.social_media li.linkedin {
    background-position: -426px -387px;
    cursor:pointer
}

ul.social_media li.rss {
    background-position: -358px -388px;
}

ul.social_media li.youtube {
    background-position: -287px -388px;
}

ul.social_media li.twitter {
    display: block;
    background-position: -251px -388px;
}

#stats {
	visibility:hidden !important;
	margin-top:-17px;
	margin-left:-51px;
	transform:scale(0.5);
	-webkit-transform:scale(0.5);
	-moz-transform:scale(0.5);
	-ms-transform:scale(0.5);
	border:0 !important
}


.flash {
  font-style: normal;
  padding:3px;
  letter-spacing:1px;
  -moz-animation: flash 1.4s ease-out;
  -ms-animation: flash 1.4s ease-out;
  -webkit-animation: flash 1.4s ease-out;
  -moz-animation-iteration-count: 1000;
  -webkit-animation-iteration-count: 1000;
  -ms-animation-iteration-count: 1000;
}

keyframes flash {
	0% { color: #f9626f; }
    0% { background-color: none; }
    50% { background-color: #f9626f; }
    50% { color: #fff; }
    100% { background-color: none; }
    100% { color: #f9626f }
}

@-webkit-keyframes flash {
	0% { color: #f9626f; }
    0% { background-color: none; }
    50% { background-color: #f9626f; }
    50% { color: #fff; }
    100% { background-color: none; }
    100% { color: #f9626f }
}

@-moz-keyframes flash {
    0% { color: #f9626f; }
    0% { background-color: none; }
    50% { background-color: #f9626f; }
    50% { color: #fff; }
    100% { background-color: none; }
    100% { color: #f9626f }
}

@-ms-keyframes flash {
    0% { color: #f9626f; }
    0% { background-color: none; }
    50% { background-color: #f9626f; }
    50% { color: #fff; }
    100% { background-color: none; }
    100% { color: #f9626f }
}


.rotating {
	padding:15px;
	-webkit-animation: rotate 23s linear infinite;
}

@-webkit-keyframes rotate {
    from{
        -webkit-transform: rotate(360deg);
    }
    to{
        -webkit-transform: rotate(0deg)
        
    }
}

.outer-nav {
	overflow-y: hidden !important;
	height:5000px !important
}

ul.menu.sub {
	position: fixed !important;
	bottom:15px !important;
	max-width:300px !important;
	overflow-x:hidden !important;
}










/* TEAM FLIPPER */

	#history p {
		font-size:16px;
		line-height:20px
	}
	
	#team {
		width:102%;	
		height:auto;
		clear:both;
		margin-left:-20px;
	}
	
	.team_person {
		float:left;
		width:25%;
		padding:0px;
		height:auto;
		/*background:#335F62;*/
		text-align: center;
		-webkit-transition: all 0.8s !important;
	}
	
	.team_person img {
		margin-top:0px;
		margin-bottom:20px;
		width:87%;
		height:auto;
		opacity:0.95;
		/*-webkit-filter: grayscale(0%);  
		filter: grayscale(0%);*/
		-webkit-border-radius: 700px;
		-moz-border-radius: 700px;
		border-radius: 700px;
		-khtml-border-radius: 700px;
		border: 0px solid rgba(255,255,255,0.4);
		box-shadow:rgba(0,0,0,0.2) 10px 10px 20px;
		-webkit-transition: all 0.8s !important;
	}
	
	.team_person img:hover {
		opacity:1;
		border: 6px solid #F56777;
		/*-webkit-filter: grayscale(100%);  
		filter: grayscale(100%);*/
		transition: margin 0.2s;
		-webkit-transition: all 0.2s;
	}
	
	.zoom-in {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    -o-transition: all 150ms ease;
    -ms-transition: all 150ms ease;
    transition: all 150ms ease;
	}
	
	.zoom-in:hover {
	-webkit-transform: scale(1.18);
	-moz-transform: scale(1.18);
	-o-transform: scale(1.18);
	-ms-transform: scale(1.18);
	}

	
	.team_person p {
		font-size: 13px !important;
		line-height:15px !important;
		padding:5px;
		padding-top:5px;
		text-align:center;
		/*background: rgba(255,255,255,0.4);*/
		clear: both !important;
		margin-right:10px;
		margin-left:10px;
		height:40px;
		line-height: 1.5;
		display: inline-block;
		width:90%;
		vertical-align: middle !important;
	}
	
	.team_person h1 {
		font-size: 19px !important;
		margin-bottom: -10px !important;
	}
		
/* TEAM FLIPPER */

#team_flipper{
	display: table;
    width: 101% !important;
    padding:0;
    margin:0;
    position:relative;
    z-index:1;
    margin-left:13px;
    margin-top:-15px;
}

#team_flipper li {
	list-style:none !important;
	padding-right:15px;
	padding-top:5px;
	text-transform:uppercase;
	font-size:15.5px;
	font-weight:700;
	float:left;
	width: 25%;
	/*box-shadow:rgba(0,0,0,0.15) 10px 10px 25px;*/
}

.flip-container {
			width: 100%;
			height:135px;

		}

		.front, .back {
			width: 100%;
			height:100%;
		}


		/* simple */
		.flip-container {
			float:right;
			margin-top:10px;
			-webkit-perspective: 1000;
			-moz-perspective: 1000;
			-ms-perspective: 1000;
			perspective: 1000;

			-ms-transform: perspective(1000px);
			-moz-transform: perspective(1000px);
    			-moz-transform-style: preserve-3d;
    			-ms-transform-style: preserve-3d;

			border: 0px solid #fff;
			padding:0px !important;
			margin-right:15px;
		}



/* START: Accommodating for IE */
	.flip-container:hover .back, .flip-container.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip-container:hover .front, .flip-container.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

		.flipper {
			-webkit-transition: 0.6s;
			-webkit-transform-style: preserve-3d;
			-ms-transition: 0.6s;
			-moz-transition: 0.6s;
			-moz-transform: perspective(1000px);
			-moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;

			transition: 0.6s;
			transform-style: preserve-3d;

			position: relative;
		}

		.front, .back {
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			backface-visibility: hidden;

		    -webkit-transition: 0.6s;
		    -webkit-transform-style: preserve-3d;
		    -webkit-transform: rotateY(0deg);

		    -moz-transition: 0.6s;
		    -moz-transform-style: preserve-3d;
		    -moz-transform: rotateY(0deg);

		    -o-transition: 0.6s;
		    -o-transform-style: preserve-3d;
		    -o-transform: rotateY(0deg);

		    -ms-transition: 0.6s;
		    -ms-transform-style: preserve-3d;
		    -ms-transform: rotateY(0deg);

		    transition: 0.6s;
		    transform-style: preserve-3d;
		    transform: rotateY(0deg);

			position: absolute;
			top: 0;
			left: 0;
		}

		.front {
			-webkit-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			background: #fff;
			z-index: 2;
			background-size:87% !important;
			background-position: center center !important;
			box-shadow:rgba(0,0,0,0.1) -2px 2px 18px;
			border:0px solid #bfdfe1;
			background-color: rgba(222,236,237,0.65) !important;
		}

		.back {
			width:0px;
			height:0px;
			background-color: #deeced !important;
			color:#fff;
			-webkit-transform: rotateY(-180deg);
		    -moz-transform: rotateY(-180deg);
		    -o-transform: rotateY(-180deg);
		    -ms-transform: rotateY(-180deg);
		    transform: rotateY(-180deg);
		    box-shadow:rgba(0,0,0,0.3) -2px 2px 38px !important;
		}
		


		.front .name {
			font-size: 2em;
			display: inline-block;
			background: rgba(33, 33, 33, 0.9);
			color: #f8f8f8;
			padding: 5px 10px;
			border-radius: 5px;
			bottom: 60px;
			left: 25%;
			position: absolute;
			text-shadow: 0.1em 0.1em 0.05em #333;
			display: none;
			-webkit-transform: rotate(-20deg);
			-moz-transform: rotate(-20deg);
			-ms-transform: rotate(-20deg);
			transform: rotate(-20deg);
		}

		.back img {
			display: none;
			position: absolute;
			top: -67px !important;
			left: 35% !important;
			width: 80px;
			height: 80px;

		}

		.back-title {
			font-weight: bold;
			color: #317a88 !important;
			position: absolute;
			top: 70px;
			left: 0;
			right: 0;
			width:100%;
			text-align: center;
			/*text-shadow: 0.1em 0.1em 0.05em #acd7e5;*/
			font-size: 12px;
			line-height:14px
		}
		
		.back-title b {
			color:#F56777 !important;
			letter-spacing: 2px;
			font-size:15px !important
			}

		.back p {
			position: absolute;
			text-transform:none !important;
			font-weight:600 !important;
			top: 37px;
			left: 0;
			right: 0;
			text-align: center;
			padding: 0 10px;
			font-size: 10px;
			line-height: 11px;

		}

		.back p {
			color:#3c7a8f !important;
			-webkit-transition: all 0.45s ease-in-out 0s;
			transition: all 0.45s ease-in-out 0s
		}

		.back p:hover{
			color:#ee6279 !important;
			text-decoration:underline !important;
			-webkit-transition: all 0.15s ease-in-out 0s;
			transition: all 0.15s ease-in-out 0s
		}

		/* vertical */
		.vertical.flip-container {
			position: relative;
		}

			.vertical .back {
				-webkit-transform: rotateX(180deg);
				-moz-transform: rotateX(180deg);
				-ms-transform: rotateX(180deg);
				transform: rotateX(180deg);
			}

			.vertical.flip-container .flipper {
				-webkit-transform-origin: 100% 213.5px;
				-moz-transform-origin: 100% 213.5px;
				-ms-transform-origin: 100% 213.5px;
				transform-origin: 100% 213.5px;
			}

			/*
			.vertical.flip-container:hover .flipper {
				-webkit-transform: rotateX(-180deg);
				-moz-transform: rotateX(-180deg);
				-ms-transform: rotateX(-180deg);
				transform: rotateX(-180deg);
			}
			*/

			/* START: Accommodating for IE */
			.vertical.flip-container:hover .back, .vertical.flip-container.hover .back {
			    -webkit-transform: rotateX(0deg);
			    -moz-transform: rotateX(0deg);
			    -o-transform: rotateX(0deg);
			    -ms-transform: rotateX(0deg);
			    transform: rotateX(0deg);
			}

			.vertical.flip-container:hover .front, .vertical.flip-container.hover .front {
			    -webkit-transform: rotateX(180deg);
			    -moz-transform: rotateX(180deg);
			    -o-transform: rotateX(180deg);
			    transform: rotateX(180deg);
			}
		/* END: Accommodating for IE */

@media (max-width: 1400px) {
		
#team_flipper li {
		list-style:none !important;
		padding-right:15px;
		padding-top:5px;
		text-transform:uppercase;
		font-size:15.5px;
		font-weight:700;
		float:left;
		width: 50%;
		/*box-shadow:rgba(0,0,0,0.15) 10px 10px 25px;*/
}

.back img {
			position: absolute;
			top: -67px;
			left: 27%;
			width: 200px;
			height: 200px;

		}

.back-title {
			font-weight: bold;
			color: #317a88 !important;
			position: absolute;
			padding: 10px;
			top: 70px;
			left: 0;
			right: 0;
			width:100%;
			text-align: center;
			/*text-shadow: 0.1em 0.1em 0.05em #acd7e5;*/
			font-size: 13px;
			line-height:15px
		}


#team {
		margin-top:20px;
		}
		
		.team_person {
		float:left;
		width:100%;
		padding:0px;
		height:auto;
		margin-bottom:10px;
		margin-left:20px;
		text-align: center;
		-webkit-transition: all 0.8s !important;
		}	
		
		.team_person img {
		width:80% !important;
		margin-top:-30px;
		margin-left:-15px
		}
		
		team_person p {
		margin-bottom:-90px	!important
		}
		
		.team_person h1 {
		margin-top:-34px !important;
		margin-bottom:-15px !important
		}
		
		.zoom-in {
	    -webkit-transform: scale(0.8);
	    -moz-transform: scale(0.8);
	    -o-transform: scale(0.8);
	    -ms-transform: scale(0.8);
	    -webkit-transition: all 150ms ease;
	    -moz-transition: all 150ms ease;
	    -o-transition: all 150ms ease;
	    -ms-transition: all 150ms ease;
	    transition: all 150ms ease;
		}


		.zoom-in:hover {
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-o-transform: scale(0.9);
		-ms-transform: scale(0.9);
		}
		
	}
	
	
@media (max-width: 700px) {
		
#team_flipper li {
		list-style:none !important;
		padding-right:0px;
		padding-top:5px;
		text-transform:uppercase;
		font-size:15.5px;
		font-weight:700;
		float:left;
		width: 100%;
		/*box-shadow:rgba(0,0,0,0.15) 10px 10px 25px;*/
}

.back img {
			display: none !important;
			position: absolute;
			top: -47px;
			left: 29%;
			width: 270px;
			height: 270px;

		}

.back-title {
			font-weight: bold;
			color: #317a88 !important;
			position: absolute;
			top: 70px;
			left: 0;
			right: 0;
			width:100%;
			text-align: center;
			/*text-shadow: 0.1em 0.1em 0.05em #acd7e5;*/
			font-size: 14px;
			line-height:16px
		}
}




/* MAP */

#map {
		transform:scale(0.9);
		position:relative;
		margin:0 auto;
		margin-top: -70px;
		margin-bottom:0;
		width:500px;
		height: 800px;
		max-height:675px !important;
		background: url(/img/_map.png) !important;
		background-repeat: no-repeat;
		background-size: cover;
		transition: all 0.75s ease-in-out 0s
	}
	
#map:hover {
		transform:scale(0.78);
		transition: all 0.25s ease-in-out 0s
	}
		
#map .label {
		opacity:0;
		margin-top:-140px;
		margin-left:-105px;
		background: #f46677;
		position: absolute;
		color:rgba(255,255,255,1) !important;
		border:0px solid #447077;
		padding: 1px;
		padding-bottom:2px;
		padding-left: 6px;
		padding-right: 6px;
		box-shadow: rgba(0,0,0,0.8) 1px 1px 4px;
		font-size:14px;
		font-weight:600;
		cursor: pointer;
		border-radius: 0x;	
		animation: shake 1.9s cubic-bezier(.36,.07,.19,.97) both;
		transition: all 0.75s ease-in-out 0s
	}
	
#map .label:hover {
		z-index:9;
		color:rgba(255,255,255,1);
		font-size:22px;
		font-weight:800;
		padding:7px !important;
		margin-top:-145px;
		margin-left:-115px;
		box-shadow: rgba(0,0,0,0.3) 5x 10px 2px;
		transition: all 0.2s ease-in-out 0s
	} 
	
@keyframes shake {
		0%   { 
			-webkit-transform: rotate3d(1,0,20,0deg); 
		}
					
		100% { 
			-webkit-transform: rotate3d(1,3,-30,-360deg);
			}	
		}




@media only screen and (min-width: 1000px) {
		
	#map {
		transform:scale(1.2);
		margin-top: 4.5%;
		margin-left: 23%;
	}	
		
}

@media only screen and (min-width: 1100px) {
		
	#map {
		transform:scale(1.05);
		margin-top: 0;
		margin-left: 17%;
	}		
}

@media only screen and (min-width: 1300px) {
		
	#map {
		transform:scale(1.4);
		margin-top: 4.5%;
		margin-left: 23%;
	}		
}

@media only screen and (min-width: 1600px) {
		
	#map {
		transform:scale(1.8);
		margin-top: 25%;
		margin-left: 28%;
	}		
}

@media only screen and (max-width: 1000px) {
		
	#map {
		transform:scale(1.2);
		margin-top: 4.5%;
		margin-left: 22%;
	}		
}

@media only screen and (max-width: 700px) {
		
	#map {
		transform:scale(0.8);
		margin-top: -90px;
		margin-left:0px;
	}
}

@media only screen and (max-width: 600px) {
		
	#map {
		transform:scale(0.6);
		margin-top: -90px;
		margin-left: -30px;
	}
}

@media only screen and (max-width: 500px) {
		
	#map {
		transform:scale(0.43);
		margin-top: -195px;
		margin-left: -90px;
	}
	
	#map .label {
		margin-left:-200px !important
		}
	
}




/* ISOTOPE */

/* ---- button-group ---- */

#aktuell #buttons {
	position: absolute;
	display:block;
	right:0%;
	width: 278px;
	transform:scale(0.89) !important;
	margin-right:8px;
	margin-top:-55px;
	background: rgba(255,255,255,0.8);
	padding:5px;
	box-shadow: rgba(0,0,0,0.44) 1px 1px 10px;
}

.grid #buttons  {
	width: 155px !important;
	padding:2px;
	margin-top:-1px;
	margin-left: 0px !important;
	position:absolute !important;
	padding-top:0px !important;
	padding-bottom:3px !important;
	border: #ff3b0b 2px solid;
	height:29px !important;
	/*text-transform:uppercase;*/
	letter-spacing: 1px;
	font-size:11px !important
}

#quicksearch {
	font-size:11px !important;
	height:23px !important;
	padding-left:4px
}

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  width:20px !important;
  height:23px !important;
  padding:0 !important;
  padding-top:0px !important;
  font-size:10px !important;
  float: left !important;
  border-radius: 0;
  margin-left: 0;
  margin-right: 3px !important;
  background: rgba(51,51,51,1);
  border: 2px solid rgba(51,51,51,1);
  color:#fff;
  transition: all 0.25s ease-in-out 0s
}

#click {
	width:50px !important;
	font-size:11px !important;
	padding-top:0 !important;
}

.button-group .button:hover {
	 background: #fa616f;
	 border: #fa616f 2px solid;
	 color: #fff ;
	  transition: all 0.25s ease-in-out 0s
	}
		

.button focus {outline:0;}

.button:active,
.button.is-checked {
  background: #fa616f !important;
	 border: #fa616f 2px solid;
	 color: #fff ;
}

.button.is-checked {
  background: #fa616f !important;
	 border: #fa616f 2px solid;
	 color: #fff ;
  /*text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);*/
}

.button:active {
background: #ff3b0b;
}



/* ---- isotope ---- */

.grid {
  width:104%;
  border: 0px solid #333;
  margin-left:0px;
  margin-bottom:150px !important;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */


.grid-item {
  position: relative;
  float: left;
  border:#ffffff 0px solid;
  height: 300px !important;
  margin-right: 15px;
  margin-bottom: 10px;
  padding: 0px;
  cursor:pointer;
  background-color: rgba(255,255,255,0.42);
  /*box-shadow: rgba(0,0,0,0.33) 1px 1px 10px;*/
  /*transition: all 0.6s ease-in-out */
}

.grid-item:hover {
	background-color:rgba(255,255,255,0.73);
	transform:scale(1.039);
	z-index:9999 !important;
	transition: all 0.15s ease-in-out 0s;
	box-shadow: rgba(0,0,0,0.34) 1px 1px 10px;
	transition: all 0.1s ease-in-out 
	}

.grid-item > * {
  margin: 0;
  padding: 0;
}


.grid-item .artikeldatum {
  position: absolute;
  text-align:left;
  left: 17px;
  top: 118px;
  width:90%;
  color: #ff3b0b;
  text-transform: none;
  letter-spacing: 0;
  font-size: 15px;
  line-height:22px;
  font-weight:600;;
  overflow: hidden;
  -moz-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.grid-item .artikeltitel {
  color: #24239b;
  position: absolute;
  text-align:left;
  left: 17px;
  top: 152px;
  width:90%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 15.5px;
  line-height:22px;
  font-weight: 800;
  overflow: hidden;
  -moz-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.grid-item .artikeltext {
  position: absolute;
  left: 17px;
  top: 181px;
  width:90%;
  /*text-align:justify;*/
  text-transform: none;
  letter-spacing: 0;
  color: #24239b;;
  font-size: 13.5px;
  font-weight:400;
  line-height:16px;
  -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}

/* */
.grid-item .symbol {
  position: absolute;
  display:none;
  left: 20px;
  top: 10px;
  font-size: 42px;
  font-weight:600;
}

.grid-item .artikelbild {
  display:block !important;
  position: absolute;
  top:0;
  left:0;
  border:#fff 0px solid;
  width:100%;
  height:142px;
  background-size:cover !important;
  background-repeat:no-repeat;
  background-position: center center !important;
  background-color:rgba(255,255,255,0) !important;
  margin-bottom:15px;
  cursor:pointer;
   /*-webkit-filter: grayscale(100%);
	filter: grayscale(100%);*/
	 transition: all 0.55s ease-in-out 0s
}

.grid-item .artikelbild:hover {
	-webkit-opacity:0.9;
	 transition: all 0.15s ease-in-out 0s
	}


.grid-item .URL {
  position: absolute;
  left: 17px;
  bottom: 16px;
  line-height:13px;
  background: transparent;
  padding:0;
  color: #24239b;
  border:0;
  font-weight: 600;
  font-size:15px;
  background:transparent !important;
  transition: all 0.25s ease-in-out 0s
}

.grid-item .URL:hover {
	color: #ff3b0b !important;
	background:none !important;
	text-decoration: underline !important
}

.grid-item.PLZ0            {   }
.grid-item.PLZ1            {   }
.grid-item.PLZ2			   {   }
.grid-item.PLZ3            {   }
.grid-item.PLZ4            {   }
.grid-item.PLZ5            {   }
.grid-item.PLZ6            {   }
.grid-item.PLZ7            {   }
.grid-item.PLZ8            {   }
.grid-item.PLZ9            {   }
.grid-item.PLZA	           {   }

.grid-item.gigante {
 	cursor:pointer;
    background: rgba(255,255,255,0.42) !important;
	height:477px !important;
	position: absolute;
}

 .sqrflexmatrix {
	 margin-top:25px   
    }


.grid-item {
	transition: all 0.2s ease-in-out 0s !important
}


.aktuell_box {
	-webkit-animation: pulse 1.2s linear infinite;
}


@-webkit-keyframes pulse {
    0% {
        border:1px solid transparent    }
    70%{
        border:1px solid red;
        background-color:rgba(255,255,255,0.8) !important }
    100%{
        border:1px solid white  }
}

#itf-logo {  
	  cursor:pointer !important;
	  -webkit-animation: flip 1.12s ease-out;
	  transition: all 0.1s ease-in-out 0.1s !important;
	  transform: scaleX(1);
}

@-webkit-keyframes flip {
	0% {
        transform: scaleX(1);  }
    40% {
        transform: scaleX(1);  }
    40% {
        transform: scaleX(-0.9);  }
    60%{
        transform: scaleX(-1); }
    100%{
        transform: scaleX(1); }
}


 	


#anfahrt1 {
	width:49%;
	float:left;
}

#anfahrt {
	padding:30px !important;
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

	
.weiss {
		font-size:14px !important
	}
	
	
@media only screen and (max-width: 900px) {
	
	#anfahrt1 {
		width:100%;float:none;margin-right:0px:
	}
	
	#map_anfahrt {
		height:420px !important
	}
	
	#map {
		display:block;
		margin-top:-65px !important;
		right: inherit !important;
		left:95px !important
	}
	
	#map .label {
		margin-left: -100px !important
	}
	
	#map .label:hover {
		margin-left: -105px !important
	}
	
	#anfahrt {
		min-height:1180px !important
		}
}

@media only screen and (max-width: 1100px) {
		
	#map {
		right:-30px !important
		}
}



@media only screen and (min-width: 1350px) {
		
	#anfahrt1 {
	width:59%;
	float:left
	}

	#anfahrt {
	padding:40px !important
	}
	
	#map_anfahrt {
		height:320px !important
	}
	
	#map {
		right:0 !important
	}


.grid {
		width: 106% !important;
		margin-left:13px;
		margin-top:11px;
		margin-bottom:120px !important;
		padding-bottom:20px;
		min-height:580px !important;
	}
	
	.grid-item {
		width:22.1% !important;
		margin-right:20px;
		margin-bottom:20px
	}
	
	.slide_in,.slide {
		height:160px !important;
		overflow-y:hidden !important
		
	}
	
	.slide {
		font-size:35px !important;
		line-height:45px !important;
		padding-top:47px !important
	}
	
}




@media only screen and (max-width: 1350px) {
		
	#map {
		right:-35px !important;
	}
	
	.grid {
		width: 102% !important;
		margin-left:13px;
		margin-top:10px;
		min-height:560px !important;
	}
	
	.grid-item {
		width:31% !important;
	}
	
	#teaser7,#teaser8{
		display:none
	}
	
	.entry-content iframe{
	min-height:400px;
	}
	
	.entry-content img {
	    width:260px !important;
	}
	
	#aktuell {
		padding:0 !important
	}
	
}

@media only screen and (max-width: 950px) {
		
	#kontakt_panel {
	top: -65px;
	}
	
	#anfahrt {
		margin-top:30px
	}
	
	.grid {
		width: 107% !important;	
		margin-left:-15px;
		margin-top:-25px;
	}
	
	.grid-item {
	  width:47.5%  !important;
	  max-height:280px !important;
	  margin-bottom:10px;
	  margin-right:17px;
    }
    
    #aktuell {
	    padding:30px !important;
	    max-height:430px !important;
	    
    }
    
    #teaser6,#teaser7,#teaser8 {
		display:none
	}
    
    .sqrflexmatrix {
	   margin-top:24px
    }
    
    .entry-content iframe{
	min-height:350px;
	}
	
	.entry-content img {
	    width:250px !important;
	}
	
	#anfahrt {
		min-height: inherit !important;
		margin-top:165px !important;
		height:620px !important;
		background:url(/img/intro.png) !important;
		background-size:cover !important;
	}
	
	 
}


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

	#kontakt_panel {
	top: -65px;
	}	
	
	.grid {
		width: 109% !important;	
		margin-left:-10px;
		min-height:1250px !important;
		margin-top:-15px;
	}
	
	.grid-item {
	  width:95%  !important;
	  min-height:290px !important;
	  margin-bottom:10px;
	  margin-right:17px;
    }
    
    .artikeldatum {
	    margin-top:30px
    }
    
    .artikeltitel {
	    margin-top:21px
    }
    
    .artikeltext {
	    margin-top:21px
    }
    
    .entry-content {
	    padding:20px !important
    }
    
    .entry-content ul {
	    margin-left:-20px !important
    }
    
    .entry-content img {
	    width:100% !important;
	    height:auto;
	    float:inherit;
	    margin:0;
	    margin-bottom:15px
	    }
    
	#aktuell {
		padding:20px !important;
		max-height:inherit !important;
		padding-top:28px !important	
	}
	
	#anfahrt {
		margin-top:-40px !important;
		min-height: inherit !important;
		height:600px !important;
		background:url(/img/intro.png) !important;
		background-size:cover !important;
		margin-bottom:-300px !important
	}
	
	#anfahrt h1 {
		font-size:24px !important;
		line-height:28px !important
		}
    
     #teaser5,#teaser6,#teaser7,#teaser8 {
		display:none
	}

    .sqrflexmatrix {
	   margin-top:24px;
	   max-height:450px !important;
	   opacity:0
    }
    
    .entry-content iframe{
	min-height:220px;
	}
	
	.entry-content img{
	display:none;
	}
	
	.inner-content {
		margin-top:0px !important
	}
	
}




@media only screen and (max-width: 500px) {
	
	#anfahrt {
	padding:26px !important;
	padding-right:40px !important;
	min-height: inherit !important;
	height:520px !important;
	max-height:980px !important
	}
	
	#map {
		display:block;
		transform:scale(0.65) !important;
		margin-top:-95px !important;
		right: inherit !important;
		left:13px !important
	}
	
	#map .label {
		margin-left: -100px !important
	}
	
	#map .label:hover {
		margin-left: -105px !important
	}
	
	.inner-content {
		margin-top:0px !important
	}
}


/* HIDE ERROR MESSAGE */
.error-404, .alignwide {
	display: none !important
}

.search {
	background:#ddecee !important
}


.artikeldatum, #buttons {
	    display:none !important    }



	#titlebox {
		height:190px !important
	}
	
	#titlebox h1 {
		font-size: 21px !important;
		line-height:24px !important
	}