.dlh_googlemap img {max-width:none}.dlh_googlemap .routinglink{white-space:nowrap}
/* Contao Open Source CMS, (c) 2005-2014 Leo Feyer, LGPL license */
body,form{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}@media(max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}#main .inside{min-height:1px}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.ce_gallery ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery li{float:left}.ce_gallery li.col_first{clear:left}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2014 Leo Feyer, LGPL license */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:bold}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/* ColorBox v1.4.31, (c) 2011 Jack Moore - jacklmoore.com, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.4.31/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.4.31/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.4.31/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.4.31/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* Style sheet style */

/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* abel-regular - latin */
@font-face {
    font-family: 'Abel';
    font-style: normal;
    font-weight: 400;
    src: url("../../files/hanse-data/fonts/abel/abel-v8-latin-regular.eot");
    /* IE9 Compat Modes */
    src: local('Abel Regular'), local('Abel-Regular'),
        url("../../files/hanse-data/fonts/abel/abel-v8-latin-regular.eot?#iefix") format('embedded-opentype'),
        /* IE6-IE8 */
        url("../../files/hanse-data/fonts/abel/abel-v8-latin-regular.woff2") format('woff2'),
        /* Super Modern Browsers */
        url("../../files/hanse-data/fonts/abel/abel-v8-latin-regular.woff") format('woff'),
        /* Modern Browsers */
        url("../../files/hanse-data/fonts/abel/abel-v8-latin-regular.ttf") format('truetype'),
        /* Safari, Android, iOS */
        url("../../files/hanse-data/fonts/abel/abel-v8-latin-regular.svg#Abel") format('svg');
    /* Legacy iOS */
}

/* cardo-regular - latin */
@font-face {
    font-family: 'Cardo';
    font-style: normal;
    font-weight: 400;
    src: url("../../files/hanse-data/fonts/cardo/cardo-v9-latin-regular.eot");
    /* IE9 Compat Modes */
    src: local('Cardo'), local('Cardo-Regular'),
        url("../../files/hanse-data/fonts/cardo/cardo-v9-latin-regular.eot?#iefix") format('embedded-opentype'),
        /* IE6-IE8 */
        url("../../files/hanse-data/fonts/cardo/cardo-v9-latin-regular.woff2") format('woff2'),
        /* Super Modern Browsers */
        url("../../files/hanse-data/fonts/cardo/cardo-v9-latin-regular.woff") format('woff'),
        /* Modern Browsers */
        url("../../files/hanse-data/fonts/cardo/cardo-v9-latin-regular.ttf") format('truetype'),
        /* Safari, Android, iOS */
        url("../../files/hanse-data/fonts/cardo/cardo-v9-latin-regular.svg#Cardo") format('svg');
    /* Legacy iOS */
}

/* cardo-italic - latin */
@font-face {
    font-family: 'Cardo';
    font-style: italic;
    font-weight: 400;
    src: url("../../files/hanse-data/fonts/cardo/cardo-v9-latin-italic.eot");
    /* IE9 Compat Modes */
    src: local('Cardo Italic'), local('Cardo-Italic'),
        url("../../files/hanse-data/fonts/cardo/cardo-v9-latin-italic.eot?#iefix") format('embedded-opentype'),
        /* IE6-IE8 */
        url("../../files/hanse-data/fonts/cardo/cardo-v9-latin-italic.woff2") format('woff2'),
        /* Super Modern Browsers */
        url("../../files/hanse-data/fonts/cardo/cardo-v9-latin-italic.woff") format('woff'),
        /* Modern Browsers */
        url("../../files/hanse-data/fonts/cardo/cardo-v9-latin-italic.ttf") format('truetype'),
        /* Safari, Android, iOS */
        url("../../files/hanse-data/fonts/cardo/cardo-v9-latin-italic.svg#Cardo") format('svg');
    /* Legacy iOS */
}

/* cardo-700 - latin */
@font-face {
    font-family: 'Cardo';
    font-style: normal;
    font-weight: 700;
    src: url("../../files/hanse-data/fonts/cardo/cardo-v9-latin-700.eot");
    /* IE9 Compat Modes */
    src: local('Cardo Bold'), local('Cardo-Bold'),
        url("../../files/hanse-data/fonts/cardo/cardo-v9-latin-700.eot?#iefix") format('embedded-opentype'),
        /* IE6-IE8 */
        url("../../files/hanse-data/fonts/cardo/cardo-v9-latin-700.woff2") format('woff2'),
        /* Super Modern Browsers */
        url("../../files/hanse-data/fonts/cardo/cardo-v9-latin-700.woff") format('woff'),
        /* Modern Browsers */
        url("../../files/hanse-data/fonts/cardo/cardo-v9-latin-700.ttf") format('truetype'),
        /* Safari, Android, iOS */
        url("../../files/hanse-data/fonts/cardo/cardo-v9-latin-700.svg#Cardo") format('svg');
    /* Legacy iOS */
}

#cookie {
    position: fixed;
    bottom: auto;
    top: 0;
    left: 0;
    right: 0;
    padding: 0.5em 1em;
    text-align: center;
    background: white;
    z-index: 9999;
    font-size: 12px;
    font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

#cookie a {
    margin: 0 5px;
}

#cookiedingsbumsCloser {
    cursor: pointer;
}

body,
html {
    height: 100%;
}

body {
    /* background:#fafafa url(/files/hanse-data/img/css/body_bg.png) repeat-x;	 */
    font-family: 'Abel';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
}

.border-line {
    border: 1px solid #a8afb2;
    position: absolute;
    width: 25%;
    top: 5%;
}

/* #background-picture{
	height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -999;
    min-height: 1000px;
    margin-top:4px;
	} */
a {
    color: #00517e;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

p {
    line-height: 27px;
}

strong,
b {
    font-weight: bold;
}

h3 {
    font-weight: bold;
    font-size: 21px;
    margin: 10px 0;
    color: #003049;
    font-family: 'Cardo';
}

.hidden {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    /* IE6 & 7 */
    clip: rect(1px, 1px, 1px, 1px);
}

header {
    float: left;
    width: 100%;
    position: relative;
    z-index: 999;
    margin: auto;
}

#logo {
    /* float: right; */
    margin: 36px 0 0 0;
}

.header-logo {
    text-align: center;
    margin: 40px 0 0;
    height: 160px;
}

#telefon {
    position: absolute;
    right: 50px;
    z-index: 1000;
    width: 20%;
    top: 109px;
}

#telefon p {
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: 92px;
    right: 64px;
    z-index: 1001;
}

#telefon:after {
    background: url(/files/hanse-data/img/css/header.png) no-repeat;
    content: '';
    width: 100%;
    height: 5vw;
}

header nav {
    width: 100%;
    position: relative;
    z-index: 100;
    margin-bottom: 4em;
    background: linear-gradient(180deg, rgb(205, 215, 221), white);
    padding: 10px 0;
}

header nav:before,
header nav:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #abbcc7;
    bottom: 3px;
}

header nav:before {
    bottom: 2.5em;
}

header nav ul {
    /* float: right; */
    position: relative;
    width: 840px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

header nav ul li {
    display: inline;
    position: relative;
}

header nav ul li.jobs::after {
    content: '3';
    background: #c30;
    font-size: 12px;
    display: inline-block;
    line-height: 18px;
    width: 18px;
    height: 18px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    color: #fff;
    position: absolute;
    top: 23px;
    left: calc(50% + 8px);
    z-index: 9999;
    text-indent: -2px;
}

header nav ul ul li {
    clear: both;
    display: block;
    width: 100%;
    border-top: 1px solid #ddd;
}

header nav ul li a,
header nav ul li span {
    font-size: 19px;
    color: #000;
    text-decoration: none;
    display: inline-block;
    background: url(/files/hanse-data/img/css/icons_menu.png) center 0 no-repeat;
    padding: 59px 0 0 0;
    margin-bottom: 8px;
    text-decoration: none;
}

header nav ul li a.leistungen {
    background-position: center -78px;
}

header nav ul li a.aktuelles {
    background-position: center -156px;
}

header nav ul li a.verweise {
    background-position: center -234px;
}

header nav ul li a.kontakt {
    background-position: center -312px;
}

header nav ul li a.impressum {
    background-position: center -390px;
}

header nav ul li a.jobs {
    background-position: center -937px;
}

header nav ul li a:hover,
header nav ul li span {
    background: url(/files/hanse-data/img/css/icons_menu.png) center -468px no-repeat;
    text-decoration: none;
}

header nav ul li a.leistungen:hover,
header nav ul li span.leistungen {
    background-position: center -546px;
}

header nav ul li a.aktuelles:hover,
header nav ul li span.aktuelles {
    background-position: center -624px;
}

header nav ul li a.verweise:hover,
header nav ul li span.verweise {
    background-position: center -702px;
}

header nav ul li a.kontakt:hover,
header nav ul li span.kontakt {
    background-position: center -780px;
}

header nav ul li a.impressum:hover,
header nav ul li span.impressum {
    background-position: center -858px;
}

header nav ul li a.jobs:hover,
header nav ul li span.jobs {
    background-position: center -1015px;
}

header nav ul li:hover > ul {
    visibility: visible;
    opacity: 1;
}

.mobilemenu {
    display: none;
}

header nav ul ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 99999;
    background: #88a1b1;
    -webkit-transition: opacity 0.2s linear, visibility 0.2s linear;
    -moz-transition: opacity 0.2s linear, visibility 0.2s linear;
    -o-transition: opacity 0.2s linear, visibility 0.2s linear;
    transition: opacity 0.2s linear, visibility 0.2s linear;
    min-width: 100px;
    display: block;
    width: auto;
    margin-top: 6px;
}

header nav ul ul {
    left: 1px;
}

ul#navigation ul li {
    clear: both;
}

header nav ul ul li a,
header nav ul ul li span {
    background: none;
    padding: 10px 15px;
    margin: 0;
    text-decoration: none;
    display: inline-block;
    border: 0 none;
    clear: both;
    width: 100%;
    font-family: 'Abel';
    font-size: 17px;
    box-sizing: border-box;
    line-height: 1.5;
}

header nav ul ul li span,
header nav ul ul li a:hover {
    background-color: #00517e;
    background-image: none;
    color: #fff;
}

header .block {
    overflow: visible;
}

header nav ul li.leistungen ul {
    width: 205px;
}

header nav ul li.kontakt ul {
    width: 135px;
}

header nav ul li.verweise ul {
    width: 215px;
}

ul .level_2 li a {
    color: #fff;
}

.border {
    background: url("/files/hanse-data/img/css/border.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 33px;
    margin-top: -30px;
    position: relative;
    width: 100%;
    margin-bottom: 54px;
    z-index: 10;
}

#main {
    /* width:1000px;
	float:left; */
    clear: both;
}

#right {
    margin-right: -100%;
    display: none;
}

.container {
    color: #444444;
    width: 100%;
    margin: auto;
}

.container article {
    text-shadow: 1px 0 #fff;
    position: relative;
    /**z-index: 100;**/
    width: 100%;
}

.container article h1,
.container article h2 {
    font-family: 'Cardo', serif;
    font-size: 47px;
    color: #88a1b1;
    margin: auto;
    text-shadow: none;
    position: relative;
    z-index: 100;
    line-height: 32px;
    float: left;
    margin-bottom: 2%;
    line-height: 1.3;
    position: relative;
    z-index: 120;
    text-shadow: 1px 1px 1px #fff;
}

#startseite .test h2 {
    word-spacing: -11px;
}

h1.ce_headline {
    position: relative;
    border-left: 1px solid #e1e7eb;
    margin-left: -40px;
}

h1.ce_headline:before {
    border-bottom: 1px solid #e1e7eb;
    width: 100vw;
    content: '';
    position: absolute;
    top: 0.4em;
    left: -100vw;
}

#startseite h2 span {
    color: #000000;
}

.container article #steuerplanung_und_gestaltung div.test,
.container article #sonstige_dienstleistungen div.test,
.container article #datenschutz div.test {
    z-index: 140;
}

.container article #steuerplanung_und_gestaltung h2,
.container article #sonstige_dienstleistungen h2,
.container article #datenschutz h2 {
    background: rgba(256, 256, 256, 0.9);
    position: relative;
    z-index: 140;
}

.container article h2.aktuelles_headline {
    font-size: 21px;
    line-height: 30px;
}

.container article h1 {
    border-right: 1px solid #414141;
    /* float:left;	 */
    /* margin:-50px 10px 17px -311px; */
    /* width:298px;
	text-align: right; */
    margin: auto;
    margin-right: 2%;
    padding-right: 2%;
    margin-left: -40px;
    padding-left: 40px;
    color: #003049;
}

.container article .mod_article div.test {
    /* width:418px; */
    /* float: left;
	margin:50px 0 0 311px;
	background:url(/files/hanse-data/img/css/article_bg.png) right 0 repeat-y; */
    /* padding:7px 32px 0 0; */
    font-size: 18px;
    font-size: 'Abel', sans-serif;
    line-height: 20px;
    position: relative;
    z-index: 100;
    padding-bottom: 80px;
    -moz-border-radius: 3px 15px 5px 30px;
    /* Firefox */
    -webkit-border-radius: 3px 15px 5px 30px;
    /* Chrome, Safari */
    -khtml-border-radius: 3px 15px 5px 30px;
    /* Konqueror */
    border-radius: 3px 15px 5px 30px;
    /* CSS3 */
    /***min-height: 586px;***/
    width: 840px;
    margin: auto;
    padding-top: 2%;
}

.container article ul {
    margin: 13px 0;
}

.container article ul li {
    list-style: disc;
    margin: 0 0 0 15px;
}

.container article p {
    margin: 13px 0;
}

.mod_randomImage {
    position: absolute;
    z-index: 1;
    transform: translateY(-50%);
}

/* aside{
	float:right;
    width: 239px;
	margin-top:-10px; 
	} */
.text1,
.text2 {
    column-count: 2;
    font-size: 18px;
    text-align: justify;
    column-gap: 40px;
    hyphens: auto;
}

.ce_text {
    width: 100%;
    margin: auto;
}

.ce_text.last.block {
    float: left;
    /**  padding-top: 25px;**/
    width: 100%;
}

.bild img {
    width: 100%;
}

aside h1 {
    background: #323232;
    color: #fff;
    padding: 7px 0 5px 19px;
    font-family: 'Cardo', serif;
    font-size: 22px;
}

/* aside article {
	float: left;	
	width:242px;
	} */
aside article .mod_randomImage {
    display: none;
}

#aktuelles {
    clear: both;
    padding: 0 0 10px;
}

.aktuelles_detail_wrapper {
    float: left;
}

.weiterfuehrende_links label {
    display: block;
}

.mod_article {
    min-height: auto;
}

.mod_search {
    /* background:url(/files/hanse-data/img/css/search_bg.png) repeat;
	float: left;
	padding:10px;
	margin:0 0 33px 0;
	width:222px; 
	padding: 10px;
    position: absolute;
    top: 0;
    right: 0;*/
    padding: 10px;
    position: absolute;
    top: -393px;
    right: 0;
    width: 429px;
    margin-left: 320px;
    left: 50%;
    transform: translateX(-50%);
}

.mod_search .text {
    font-family: 'Abel';
    line-height: 1.3;
    width: 70%;
    border: 1px solid #dedede;
    float: left;
    color: #757575;
    padding: 4px;
    font-size: 20px;
    -webkit-appearance: none;
}

.mod_search .submit {
    background: url(/files/hanse-data/img/css/search_button.png) no-repeat;
    text-indent: -100px;
    display: block;
    overflow: hidden;
    width: 40px;
    height: 40px;
    border: none;
    cursor: pointer;
}

.ui-menu .ui-menu-item {
    font-size: 12px;
    cursor: pointer;
    margin: 1px 0;
}

.aktuelles_sidebar {
    float: left;
    width: 243px;
    padding: 0 0 20px 0;
}

.aktuelles_sidebar ul li {
    margin: 8px 0 8px 18px;
    color: #7a7a7a;
    text-shadow: 1px 0 #fff;
    font-size: 13px;
    line-height: 19px;
    width: 226px;
}

.aktuelles_sidebar h1 {
    margin-bottom: 10px;
}

.aktuelles_sidebar ul li h3 {
    color: #000;
    font-size: 21px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url("../../files/hanse-data/css/bindings.xml#ellipsis");
    /* mit "bindings.xml#none" deaktivierbar*/
    width: 221px;
    overflow: hidden;
    margin: 0;
}

.bxslider li {
    max-width: 100%;
}

#zitat {
    width: 840px;
    margin: auto;
}

.zitat-content {
    width: 50%;
    padding-top: 30px;
    float: right;
}

#zitat h1 {
    display: none;
}

#zitat p {
    font-family: 'Cardo';
    font-style: italic;
    font-weight: 400;
    color: #869faf;
    padding: 18px;
    display: inline-block;
    line-height: 35px;
    font-size: 30px;
    width: 100%;
    text-align: right;
}

#zitat small {
    font-size: 12px;
    float: right;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: -20px;
}

#zitat .quelle {
    font-size: 12px;
    font-style: normal;
}

.mod_tagcloud {
    width: 243px;
    float: left;
}

#wrapper {
    /**  overflow-x: hidden;
    overflow-y: auto;
    
    **/
    overflow-x: hidden;
    height: 100%;
}

.aktuelles_wrapper {
    background: url("/files/hanse-data/img/allgemeines_stroke.svg") no-repeat;
    width: 100%;
    position: relative;
    z-index: 100;
    padding-top: 90px;
    padding-bottom: 100px;
    background-size: cover;
    clear: both;
    max-width: 100%;
}

/* .aktuelles_wrapper:before{
	content:'';
	width:0;
	height: 0;
	border-right:100vw solid transparent;
	border-top: 3vw solid white;
	position:absolute;
	display:block;
	z-index:101;
	top:0;
	left:0;	
} */
#alle_artikel .aktuelles_wrapper,
#artikel_2016 .aktuelles_wrapper,
#artikel_2015 .aktuelles_wrapper,
#artikel_archiv .aktuelles_wrapper,
article .aktuelles_wrapper {
    width: 100%;
    position: relative;
    background: none;
    padding-top: 20px;
}

.bx-pager.bx-default-pager {
    display: none;
}

.headline-wrapper {
    width: 840px;
    margin: auto;
}

.headline-wrapper:after {
    width: 100%;
    margin: auto;
    display: inline-block;
    clear: both;
    content: '';
}

h2.aktuelles_headline {
    font-family: 'Cardo', serif;
    font-size: 37px;
    color: #003049;
    margin-bottom: 2%;
    position: relative;
    float: left;
    padding: 0 40px;
    margin-left: -40px;
    border-left: 1px solid #97acb9;
    border-right: 1px solid #97acb9;
}

h2.aktuelles_headline span {
    color: #869faf;
}

h2.aktuelles_headline:before {
    border-bottom: 1px solid #97acb9;
    width: 100vw;
    content: '';
    position: absolute;
    top: 0.5em;
    left: -100vw;
}

h2.aktuelles_headline:after {
    border-bottom: 1px solid #97acb9;
    width: 100vw;
    content: '';
    position: absolute;
    top: 0.5em;
    margin-left: 40px;
}

.aktuelles_slider .bx-wrapper .bx-viewport {
    height: 210px !important;
}

.bxslider {
    width: 880px;
    margin: 0 auto;
    max-width: 100%;
}

.bxslider li {
    margin: 0 20px;
}

.bxslider p {
    margin-bottom: 77px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 4.3em;
}

.bxslider i {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    color: #003049;
    left: -20px;
}

.bxslider i.fa-arrow-right {
    right: -20px;
    left: auto;
}

.bxslider h3 {
    line-height: 1.2em;
    white-space: nowrap;
    overflow: hidden;
    width: 90%;
    text-overflow: ellipsis;
}

.bxslider::after {
    content: '';
    width: 100%;
    display: block;
    clear: both;
}

.button {
    text-transform: uppercase;
    text-align: center;
    width: inherit;
    top: 100%;
    position: absolute;
    transform: translateY(-100%);
}

.button a:hover {
    text-decoration: none;
}

.button a {
    line-height: 2em;
    font-size: 18px;
}

.button a:before,
.button a:after {
    content: '';
    width: 35px;
    display: inline-block;
    height: 2.5em;
    border: 1px solid #a8afb2;
    vertical-align: middle;
    box-sizing: border-box;
    margin-top: -3px;
}

.button a:before {
    border-right: none;
    margin-right: -5px;
    content: '';
}

.button a:after {
    border-left: none;
    margin-left: -5px;
    content: '';
}

footer:before {
    content: '';
    display: block;
    width: 130%;
    height: 22vh;
    position: absolute;
    right: 0;
    transform-origin: top right;
    transform: rotate(3.5deg);
    background: #003049;
    z-index: 100;
}

#footer .inside {
    z-index: 110;
}

footer {
    background-color: #003049;
    width: 100%;
    clear: both;
    color: #d1dadd;
}

footer ul li a.jobs {
    display: none;
}

.impressum {
    display: none;
}

/* #inside::before{
	content:'';
	width: 0; 
	height: 0; 
	border-top: 50px solid transparent; 
	border-left: 100px solid red; 
	border-bottom: 50px solid transparent; }
} */

#footer .inside ul.level_1 li a.submenu.sibling.first {
    padding: 0 40px;

    margin-left: -40px;
    border-left: 1px solid #a8afb2;
    position: relative;
}

#footer .inside ul.level_1 li a.submenu.sibling.first:before {
    border-bottom: 1px solid #a8afb2;
    width: 100vw;
    content: '';
    position: absolute;
    top: 0.5em;
    left: -100vw;
}

#footer nav ul.level_1 {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

#footer-wrapper {
    background-color: #000;
    color: #d1dadd;
    font-family: 'cardo', sans-serif;
    font-size: 14px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}

#footer-wrapper a,
#copyright a {
    color: #d1dadd;
    font-family: 'cardo', sans-serif;
    font-size: 14px;
    text-decoration: none;
}

#copyright {
    margin-left: auto;
    margin-right: 40px;
    line-height: 40px;
}

.footer-address {
    margin: 0 40px;
}

.footer-address img {
    margin-right: 10px;
    transform: translateY(-30%);
    vertical-align: middle;
}

.footer-address p,
.footer-kontakt p {
    display: inline-block;
    line-height: inherit;
    vertical-align: middle;
}

.footer-kontakt p {
    transform: translateY(2px);
}

.footer-kontakt img {
    margin-right: 10px;
    vertical-align: middle;
    transform: translateY(-20%);
}

#footer .mod_navigation {
    width: 840px;
    margin: auto;
    position: relative;
    overflow: inherit;
}

#footer nav.mod_navigation.block::before {
    border-right: 1px solid rgba(168, 175, 178, 0.4);
    width: 50vw;
    height: 3em;
    content: '';
    position: absolute;
    top: -1em;
    left: calc(-50vw - 40px);
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB2aWV3Ym94PSIwIDAgMSAxIj48cG9seWdvbiBwb2ludHM9IjAsMCAwLDEgMSwxIDEsMCIgZmlsbD0icmdiYSgxNjgsIDE3NSwgMTc4LCAuNCkiIC8+PC9zdmc+");
    background-size: 1px 1px;
    background-position: center;
    background-repeat: repeat-x;
}

footer ul {
    padding-bottom: 20px;
    float: left;
}

footer ul ul {
    margin: 0;
}

footer ul li {
    float: left;

    width: auto;
}

footer ul li a,
footer ul li span {
    font-family: 'Cardo', serif;
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    font-size: 19px;
    display: block;
    /*padding:3px 0 10px;*/
    margin-bottom: 1em;
}

footer ul .level_2 li a,
footer ul .level_2 li span {
    color: rgba(255, 255, 255, 0.6);
}

footer li li {
    clear: both;
}

footer ul li li a,
footer ul li li span {
    font-family: 'Abel', sans-serif;
    font-size: 17px;
    padding: 6px 0;
    margin: 0;
}

/*** INHALTE ***/
#kontaktformular .ce_form,
#stellenangebote .ce_form {
    width: 100%;
    display: inline-block;
}

.explanation {
    margin-bottom: 40px;
}

#ctrl_13 span {
    width: 100%;
    display: inline-block;
}

.ce_form label {
    float: left;
    width: 120px;
}

.ce_form input {
    padding: 7px;
    width: calc(100% - 140px);
    background: rgba(0, 0, 0, 0.05);
    margin-bottom: 10px;
    border: none;
}

.ce_form select {
    margin-bottom: 10px;
    padding: 7px;
    width: calc(100% - 140px);
    background: rgba(0, 0, 0, 0.05);
    border: none;
}

.checkbox_container {
    margin-top: 10px;
}

.checkbox_container label {
    width: calc(100% - 20px);
}

.checkbox_container input {
    float: left;
    width: 16px;
    margin: 2px 4px 0 0;
}

.ce_form label.nachricht {
    width: 400px;
    margin-bottom: 5px;
}

.ce_form textarea {
    padding: 7px;
    width: calc(100% - 140px);
    background: rgba(0, 0, 0, 0.05);
    border: none;
}

.ce_form .g-recaptcha {
    margin-bottom: 15px;
    margin-left: 100px;
    float: left;
}

#ctrl_13,
#ctrl_32 {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 30px 0;
    margin-left: 100px;
}

#ctrl_32 {
    margin-bottom: 0;
}

#ctrl_13 span,
#ctrl_32 span {
    width: 50%;
}

label.nachricht,
#ctrl_14,
#ctrl_17,
#ctrl_34 {
    margin-left: 100px;
}

#ctrl_17,
#ctrl_34 {
    margin-bottom: 20px;
}

.submit_container input {
    -moz-border-radius: 5px 5px 5px 5px;
    /* Firefox */
    -webkit-border-radius: 5px 5px 5px 5px;
    /* Chrome, Safari */
    -khtml-border-radius: 5px 5px 5px 5px;
    /* Konqueror */
    border-radius: 5px 5px 5px 5px;
    /* CSS3 */
    border: none;
    background-color: #000;
    color: #fff;
    padding: 20px 30px;
    float: right;
    margin-right: 6px;
    width: auto;
}

.float_left {
    margin: 13px 10px 13px 0;
}

.float_above {
    margin: 20px 0 0 0;
}

#team-35 .ce_accordion .ce_text {
    float: left;
    margin-left: 29px;
    width: 156px;
}

.ce_accordion .ui-accordion-header {
    background-color: #ffffff;
    border-bottom: 1px dotted #000000;
    font-size: 17px;
    padding: 6px;
    cursor: pointer;
}

.ce_accordion .ui-accordion-content {
    padding-left: 16px;
}

#cboxOverlay {
    opacity: 0.75 !important;
}

#team-35 .ce_text {
    float: left;
    width: 25%;
}

#team-35 .team_big {
    width: 100%;
    margin: 0;
}

/*** TAGCLOUD ***/

.cloud {
    padding: 20px 0 20px 20px;
}

.mod_tagcloud h1 {
    font-size: 18px;
    padding-bottom: 7px;
}

.mod_tagcloud a {
    color: #000;
}

.cloud li a {
    text-decoration: underline;
}

.cloud li {
    position: static;

    padding: 0px;
    display: inline-block;
    margin: 4px 7px 4px 0;
}

.size3 a {
    font-size: 28px;
}

.size2 a {
    font-size: 23px;
}

/*** Aktuelles ***/
.aktuelles_pager {
    float: right;
}

.aktuelles_pager div {
    float: left;
    font-size: 16px;
    margin: 10px 5px;
}

.aktuelles_pager .active {
    text-decoration: underline;
}

#alle_artikel ul,
#artikel_2013 ul,
#artikel_2014 ul,
#artikel_archiv ul,
.container article .aktuelles_wrapper ul {
    margin-top: 37px;
}

#alle_artikel ul li,
#artikel_2013 ul li,
#artikel_2014 ul li,
#artikel_archiv ul li,
.container article .aktuelles_wrapper li {
    list-style: none;
    margin: 0 0 37px;
    border-bottom: 1px solid #ccc;
    width: 100%;
    display: inline-block;
}

#alle_artikel ul li a,
#artikel_2013 ul li a,
#artikel_2014 ul li a,
#artikel_archiv ul li a,
.container article .aktuelles_wrapper ul li a {
    float: right;
}

#details h3 {
    padding-top: 20px;
}

.weiterfuehrende_links {
    margin-top: 20px;
}

.weiterfuehrende_links label {
    font-weight: bold;
    margin-right: 15px;
}

.container article .weiterfuehrende_links ul li {
    list-style: none;
    float: left;
    margin: 0 6px 0 0;
}

.container article .weiterfuehrende_links ul li a {
    background-color: #003049;
    color: #fff;
    text-shadow: none;
    padding: 11px 14px;
    display: inline-block;
    margin: 10px 0 0 0;
}

.container article .weiterfuehrende_links ul {
    margin: 0;
}

#anfahrtskarte .one-half {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    margin: 40px 0;
}

#artikelsuche .aktuelles_wrapper {
    background: none;
    padding-top: 20px;
}

#cookie {
    position: fixed;
    left: 0;
    right: 0;
    padding: 1em;
    text-align: center;
    background: white;
    font-size: 14px;
    box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.5);
    line-height: 1.2;
}

#cookie a {
    margin: 0 5px;
}

#cookie p {
    margin-bottom: 11px;
    line-height: 1.3;
}

#cookieCloser {
    cursor: pointer;
    background-color: #aa0013;
    color: #fff;
    padding: 10px 13px;
    border-radius: 3px;
}

@media (max-width: 1433px) {
    #background-picture {
        display: none;
    }
}

@media (max-width: 1038px) {
    #copyright {
        bottom: 5px;
    }
}

#cloudlink {
    position: absolute;
    top: -20px;
    left: 50%;
    width: 230px;
    padding: 0;
    margin-left: 330px;
    transform: translateX(-50%);
    height: 120px;
    z-index: 130;
}

#cloudlink img {
    position: absolute;
}

#cloudlink .cloudlink {
    top: 0;
    right: 0;
    width: 230px;
}

#cloudlink .first {
    top: 0;
    right: 0;
    width: 73px;
}

#cloudlink .second {
    width: 41px;
    top: 4px;
    position: absolute;
}

#cloudlink .third {
    right: 25px;
    bottom: 3px;
    width: 53px;
}

#cloud {
    margin-top: 110px;
    position: relative;
}

.zahnrad {
    -ms-animation: rotating 7s linear infinite;
    -webkit-animation: rotating 7s linear infinite;
    animation: rotating 7s linear infinite;
}

.zahnrad.small {
    -ms-animation: rotating 8s linear infinite;
    -webkit-animation: rotating 8s linear infinite;
    animation: rotating 8s linear infinite;
    animation-direction: reverse;
}

@keyframes rotating {
    from {
        transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

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

    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

.cursorlink {
    width: 20px;
    left: 112px;
    animation: pulse 1s infinite;
    top: 71px;
}

@keyframes pulse {
    0% {
        width: 20px;
    }

    50% {
        width: 22px;
    }

    100% {
        width: 20px;
    }
}

/* tmp */
.mod_dlh_googlemaps {
    display: none;
}

.container article ul li {
    list-style: disc;
    margin: 0px 0 0 18px;
}

table {
    line-height: 1.6;
}

.container article .ce_dlh_googlemaps p {
    margin: 0;
}

.jobbutton {
    display: block;
    position: absolute;
    margin-top: -590px;
    right: 0;
    transform: none;
}

.jobbutton a {
    display: inline-block;
    cursor: pointer;
}

.jobbutton a:hover {
    -webkit-animation: bounce-top 0.9s forwards;
    animation: bounce-top 0.9s forwards;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-11-12 11:29:18
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation bounce-top
 * ----------------------------------------
 */
@-webkit-keyframes bounce-top {
    0% {
        -webkit-transform: translateY(-45px);
        transform: translateY(-45px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 1;
    }

    24% {
        opacity: 1;
    }

    40% {
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    65% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    82% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    93% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    25%,
    55%,
    75%,
    87% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
    }
}

@keyframes bounce-top {
    0% {
        -webkit-transform: translateY(-45px);
        transform: translateY(-45px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 1;
    }

    24% {
        opacity: 1;
    }

    40% {
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    65% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    82% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    93% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    25%,
    55%,
    75%,
    87% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
    }
}

.banner-pandeme {
    position: absolute;
    top: -10px;
    width: 220px;
    right: 0;
    z-index: 9999;
    transform: rotate(10deg);
}

.banner-pandeme a {
    outline: 0;
}

#telefon {
    right: auto;
    left: 50px;
}

#telefon img {
    transform: scaleX(-1);
}

#telefon p {
    left: 64px;
    right: auto;
}

#ct-ultimate-gdpr-cookie-open {
    padding-bottom: 0 !important;
}

/* max-width: 1400px */
@media only screen and (min-width: 1160px) {
    #cookie p {
        display: inline-block;
        margin: 0;
    }
}

@media only screen and (max-width: 1400px) {
    .mod_randomImage {
        opacity: 0.3;
    }

    .container article h1,
    .container article h2 {
        font-size: 1.8em;
    }

    #telefon {
        display: none;
    }

    #copyright {
        width: 100%;
        text-align: center;
    }

    #footer-wrapper {
        flex-wrap: wrap;
    }
}

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

    .footer-address > img,
    .footer-kontakt > img {
        display: none;
    }

    #footer-wrapper {
        padding: 10px 0 0 0;
        justify-content: center;
    }
}

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

    .bxslider {
        margin: 0 50px;
        width: calc(100% - 100px);
    }

    h2.aktuelles_headline {
        margin-left: 48px;
    }

    #cloudlink {
        top: -30px;
        right: 20px;
        margin: 0;
        float: right;
        transform: none;
        left: auto;
    }

    .mod_search {
        top: -392px;
    }

    .jobbutton {
        margin-top: -59vw;
        width: 26vw;
    }


}

/* max-width: 870px */

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

    header nav {
        padding: 25px 0;
        z-index: 0;

    }

    header nav ul {
        display: none;
        flex-wrap: wrap;
        background: #fff;
        margin: 30px 0 0 0;
        padding: 10px 0;
        position: absolute;
        width: 100%;

    }

    header nav ul li {
        width: 100%;
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        position: relative;
    }

    header nav ul li.jobs::after {
        content: none;
    }

    header nav ul li a.jobs::after {
        content: '3';
        background: #c30;
        font-size: 12px;
        display: inline-block;
        line-height: 18px;
        width: 18px;
        height: 18px;
        text-align: center;
        border-radius: 50%;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
        color: #fff;
        margin-left: 5px;
    }

    header nav ul li:last-child {
        border: none;
    }

    header nav ul li a,
    header nav ul li span,
    header nav ul li a:hover {
        padding: 10px 0 10px 30px;
        background: none;
        width: 100%;
    }

    header nav ul li span.level_next {
        position: absolute;
        right: 0;
        top: 0;
        width: 20px;
        height: 20px;
    }

    span.level_next::after {
        content: "\f0da";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
    }

    span.level_next.activ::after {
        content: "\f0dd";
    }

    header nav ul li .level_2 li {
        width: 100%;
    }

    .mobilemenu {
        display: block;
        position: absolute;
        z-index: 999;
        margin: 12px 20px;
        cursor: pointer;

    }

    header nav ul ul,
    header nav ul li.leistungen ul,
    header nav ul li.verweise ul,
    header nav ul li.kontakt ul {
        position: relative;
        opacity: 1;
        visibility: visible;
        width: 100%;
        padding: 0;
        margin: 0;
        display: none;
    }

    header nav ul ul li {
        border-top: none;
    }

    header nav ul ul li a,
    header nav ul ul li span,
    header nav ul ul li a:hover {
        padding: 5px 15px 5px 50px;
        font-size: 16px;
    }

    .header-logo {
        height: 220px;
    }

    #logo {
        display: inline-block;
    }

    .mobiletel {
        text-align: center;
        display: block !important;
        margin: -32px;
        position: relative;
        z-index: 100;
    }

    .mobiletel a {
        color: #003049;
    }

    .headline-wrapper {
        max-width: 840px;
        width: auto;
    }

    .mainnav .level_1 {
        display: none;
    }

    .container article .mod_article div.test {
        width: auto;
        padding: 2%;
    }

    #zitat {
        width: auto;
        margin: auto;
    }

    .zitat-content {
        width: 90%;
        padding-top: 30px;
        float: left;
    }

    #footer .mod_navigation {
        max-width: 840px;
        width: auto;
    }

    #footer-wrapper {
        display: inline-block;
    }

    .footer-address {
        margin: 0px 10px 10px 10px;
        width: calc(100% - 20px);
        line-height: 1.5;
        text-align: center;
    }

    .footer-kontakt {
        line-height: 1.5;
        margin: 0px 10px 10px 10px;
        width: calc(100% - 20px);
        text-align: center;
    }

    #copyright {
        margin-left: 0;
        margin-right: 0;
        background: rgba(256, 256, 256, .2);
        text-align: center;
    }

    #footer .mod_navigation {
        padding: 0 20px;
    }

    h2.aktuelles_headline {
        padding: 0 20px;
        margin: 0;
    }

    .mod_search {
        top: -379px;
        margin: 0;
        right: 0;
        left: auto;
        width: 240px;
        transform: none;
        float: right;
    }

}

@media only screen and (max-width: 767px) {
    #cloudlink {
        top: -40px;
    }

    .text1,
    .text2 {
        column-count: 1;
        text-align: left;

    }

    article .mod_article {
        padding: 0 20px;
    }

    #footer .mod_navigation {
        display: none;
    }

    footer::before {
        background: none;
    }

    #team-35 .ce_text {
        width: 33%;
    }

    #team-35 .team_big {
        width: 100%;
    }

    #anfahrtskarte figure {
        float: none !important;
        margin: 30px 0;
    }

    .mod_search {
        width: 100%;
        left: 15px;
        top: -369px;
    }

    .mod_search .text {
        width: calc(100% - 90px)
    }

    .headline-wrapper {
        margin-bottom: 50px;
    }

    footer::before {
        display: none;
    }
}

/* max-width: 600px */

@media only screen and (max-width: 600px) {
    .test::after {
        display: none;
    }

    h2.aktuelles_headline:after {
        display: none;
    }

    #team-35 .ce_text {
        width: 50%;
    }

    #team-35 .team_big {
        width: 100%;
    }

    h2.aktuelles_headline {
        font-size: 27px;
    }

    #footer-wrapper {
        font-size: 16px;
    }

    .footer-address {
        max-width: 90%;
    }

    .container article {
        padding-top: 4em;
    }

    .ce_form input,
    .ce_form textarea,
    .ce_form select,
    #ctrl_13,
    label.nachricht,
    #ctrl_14,
    #ctrl_17,
    .ce_form .g-recaptcha,
    #ctrl_32,
    #ctrl_34 {
        margin-left: 0;
        width: 100%;
    }

    .ce_form label {
        margin-bottom: 5px;
    }

    #ctrl_13 span,
    #ctrl_32 span {
        width: 100%;
        margin-bottom: 10px;
    }

    .ce_form .checkbox_container input {
        width: 16px;
    }

    .banner-pandeme {
        width: 110px;
    }
}

@media only screen and (max-width: 470px) {
    .mod_search {
        top: -369px;
    }

    .jobbutton {
        margin-top: -68vw;
        width: 37vw;
    }
}

@media only screen and (max-width: 420px) {
    #team-35 .ce_text {
        width: 100%;
    }

    #team-35 .ce_text.team_big figure {
        float: none !important;
    }

    .container article h1,
    .container article h2 {
        font-size: 1.4em;
    }

    #zitat p {
        font-size: 24px;
    }



    .banner-pandeme {
        right: 0;
        width: 90px;
    }
}

/* Sonstiges */

#telefon {
    width: 380px;
    top: 109px;
}

.mobiletel {
    display: none;
}

.container article ul li {
    line-height: 27px;
}

.mod_randomImage {
    transform: translateY(-40%);
}




#main {
    transition: margin-left .5s;
}