/*
Haftpflichtkasse
LAYOUT/GRID 2023/07/14
- visual flach neue Höhe #518
- abstand h1 zu visual #646

Goldfischclub, pw@goldfischclub.de
*/


div#page {
	margin: 0 auto;
}

div#page,
div#header,
div#visual,
div#content,
div#news,
div#contact,
div#footer,
div#legal{
	width: 1280px;
}


div#header {
	z-index: 100;
}

div#visual {
	z-index: 40;
}
.nav-flyout {
	z-index: 90;
}

div#content {
	z-index: 10;
}



/* zentrieren, globale breite */
div.container {
	margin: 0 auto;
	width: 992px;
	display: block;
}



div.cols,
div.col,
ul.top li,
ul.nav li,
div#legal {
	float: left;
}

div.cols {
	width: 100%;
}




ul.top li,
ul.nav li {
	display: block;
}








/* HEADER */

#header {
	height: 146px;
	position: fixed;
}




.mobile-nav {
	display: none; 
}
.mobile-nav-trigger {
	display: none;
	width: 56px;
	height: 44px;
	position: absolute;
	top: 20px;
	left: 0;
}

ul.top,
ul.nav,
div#header div.logo,
div#header div.suche {
	position: absolute;
}

/* NAVIGATION LVL 1 */
ul.nav {
	margin-top: 110px;
}

ul.nav li a {
	padding: 8px 15px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}





/* NAVIGATION UND SERVICE */
ul.top {
	/*margin: 6px 0 0 0px;*/
    margin-top: 12px;
    width: 992px;
    z-index: 50;
}
ul.top li {
    float: right;
}
ul.top li a {
	padding: 8px 15px;
	margin-right: 2px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
div.service {
    position: absolute;
    right: 370px;
    top: 10px;
    z-index: 51;
}
div.service .service-rruf {
    font-size: 9px;
    line-height: 11px;
    width: 140px;
    display: inline-block;
	vertical-align: top;
    margin-left: 12px;
    text-decoration: underline;
	padding-top: 5px;
}
div.service .service-nr {
    color: #00A0DC;
    display: inline-block;
    background-image: url(bilder/hkd-ic-service-nr-1x.png);
    background-position: 0 center;
    background-repeat: no-repeat;
    padding: 10px 0 10px 50px;
    margin-top: -20px;
	width: 250px;
}

div.service .service-nr li {
	font-size: 10px;
	display: inline-block;
	width: 240px;
}
div.service .service-nr li + li {
	margin-top: -2px;
}
div.service .service-nr a {
	font-size: 10px;
	color: #00A0DC;
	text-decoration: underline;
}



/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-resolution: 144dpi) {
    div.service .service-nr {
        background-image: url(bilder/hkd-ic-service-nr-2x.png);
        background-size: 40px 40px;
    }
}

@media only screen and (max-width: 1280px) {
    div.service {
        right: 243px;
    }
}
@media only screen and (max-width: 1000px) {
    ul.top {
        width: 728px;
    }
    div.service {
        right: 220px;
    }
	div.service .service-rruf {
		width: 70px;
		margin-right: 20px;
	}
    div.service .service-nr {
		width: 190px;
		margin-top: -15px;
    }
	div.service .service-nr li {
       width: 100%;
    }
}

@media only screen and (max-width: 700px) {
    div.service {
        display: none;
    }
}



/* WIDGET */

.widget {
    border: 1px solid #00A0DC;
    background-color: #fff;
    padding: 2px;
    width: 220px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: fixed;
    z-index: 200;
    top: 200px;
    right: -2px;
}
@media only screen and (max-width: 1280px) {
    .widget {
        top: 160px;
    }
}
@media only screen and (max-width: 700px) {
    .widget {
        top: 112px;
    }
}
.widget.widget-off {
    right: -187px;
}

.widget .trigger {
    width: 50px;
    height: 243px;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
}

.widget li {
    padding-left: 46px;
}
.widget li span {
    width: 200px;
    padding: 12px 0;
    display: inline-block;
}
.widget li + li span {
    border-top: 1px solid #979797;
}
.widget li a {
    color: #00A0DC;
    font-size: 14px;
    display: inline-block;
}

.widget li {
    background-repeat: no-repeat;
}
.widget li.widget-ic-1 {
    background-image: url(bilder/hkd-ic-widget-1-1x.png);
    background-position: 8px calc(50% + 1px);
}
.widget li.widget-ic-2 {
    background-image: url(bilder/hkd-ic-widget-2-1x.png);
    background-position: 5px center;
}
.widget li.widget-ic-3 {
    background-image: url(bilder/hkd-ic-widget-3-1x.png);
    background-position: 5px calc(50% + 1px);
}
.widget li.widget-ic-4 {
    background-image: url(bilder/hkd-ic-widget-4-1x.png);
    background-position: 4px calc(50% + 2px);
}
.widget li.widget-ic-5 {
    background-image: url(bilder/hkd-ic-widget-5-1x.png);
    background-position: 5px center;
}
.widget li.widget-ic-6 {
    background-image: url(bilder/hkd-ic-widget-6-1x.png);
    background-position: 9px calc(50% - 1px);
}
.widget li.widget-ic-7 {
    background-image: url(bilder/hkd-ic-widget-7-1x.png);
    background-position: 9px calc(50% - 1px);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-resolution: 144dpi) {

    .widget li.widget-ic-1 {
        background-image: url(bilder/hkd-ic-widget-1-2x.png);
        background-size: 18px 23px;
    }
    .widget li.widget-ic-2 {
        background-image: url(bilder/hkd-ic-widget-2-2x.png);
        background-size: 25px 24px;
    }
    .widget li.widget-ic-3 {
        background-image: url(bilder/hkd-ic-widget-3-2x.png);
        background-size: 25px 29px;
    }
    .widget li.widget-ic-4 {
        background-image: url(bilder/hkd-ic-widget-4-2x.png);
        background-size: 27px 28px;
    }
    .widget li.widget-ic-5 {
        background-image: url(bilder/hkd-ic-widget-5-2x.png);
        background-size: 25px 19px;
    }
    .widget li.widget-ic-6 {
        background-image: url(bilder/hkd-ic-widget-6-2x.png);
        background-size: 20px 28px;
    }
	.widget li.widget-ic-7 {
		background-image: url(bilder/hkd-ic-widget-7-2x.png);
		background-size: 17px 24px;
	}

}





div#header div.container {
	height: 146px;
}



/* HEADER ELEMENTS */
div#header div.logo {
	/*margin: 12px 0 0 855px;*/
	margin: 6px 0 0 0;
}
div#header div.logo a {
	display: block;
	width: 137px;
	height: 62px;
}

div#header div.suche {
	/*margin: 90px 0 0 672px;*/
	left: 816px;
	top: 94px;
}
div#header div.suche input {
	width: 312px;
	height: 22px;
	background-color: transparent;
	border: none;
	border-bottom: 2px solid #00a0dc;
	padding: 4px;
}






/* NAV */

.nav-flyout {
	width: 992px;
	top: 132px;
	display: none;
	position: fixed;
    z-index: 500;
}

.nav-flyout .main,
.nav-flyout .quick {
	float: left;
	width: 270px;
	padding: 25px 0 40px 20px; 
}
.nav-flyout .main {
	margin-right: 16px;
	width: 636px;
	min-height: 230px;
}
.nav-flyout .quick {
    width: 300px;
}

.nav-flyout .main ul li {
	margin-bottom: 6px;
}

.nav-flyout .main ul li a {
	display: block;
	padding: 10px 0 10px 4px;
}




.nav-flyout .navset,
.nav-flyout .lvl-3,
.nav-flyout .lvl-4 {
	display: none;
}




.nav-flyout .lvl-2,
.nav-flyout .lvl-3,
.nav-flyout .lvl-4 {
	float: left;
}

.nav-flyout .lvl-2 {
	width: 156px;
}
.nav-flyout .lvl-3 {
	width: 220px;
	margin-left: 5px;
	padding-left:0;
}
.nav-flyout .lvl-4 {
	width: 250px;
	margin-left: 0px;
	padding-left: 0;
}

div.nav-flyout h3 {
	margin-bottom: 15px;
}
div.nav-flyout div.quick li a {
	display: block;
	margin-bottom: 5px;
	padding: 10px 0;
	padding-left: 20px;
}


div.nav-flyout .pfeil {
	margin-top: 4px;
	display: block;
	height: 20px;
	background-position: 0 2px;
	display: none;
}





/* mod nav */
div.nav-flyout .pfeil {
	display: none;
}
.nav-flyout {
	top: 136px;
}









div#visual {
	background-position: right 0;
	position: relative;
}



/* big teaser startseite, geschichte */

.visual-1 div#visual {
	height: 540px;
	padding-top: 116px;	
}
@media only screen and (max-width: 1000px) {
	.visual-1 div#visual {
		height: 610px;
	}
}
@media only screen and (max-width: 760px) {
	.visual-1 div#visual {
		height: 950px;
	}
}

.visual-2 div#visual,
.visual-5 div#visual  {
	height: 350px;
	padding-top: 30px;
}


.amazon-landingpage.visual-2 div#visual {
	padding-top: 86px;	
}
.amazon-landingpage #header {
    height: 86px;
}
.amazon-landingpage div#header div.container {
    height: 86px;
}



.visual-3 div#visual{
	height: 394px; /* 530 - 136 */
	padding-top: 136px;	
}

.no-visual div#visual {
	height: 45px;
}








/* slider status und pfeile mod */


/* abstand startseite status */
.visual-1  .rsBullets  {
	bottom: -25px;
}

/* abstand produkte  status */
.visual-2 .rsBullets  {
	bottom: -60px;
}

/* abstand geschichte status */
.visual-3 .rsBullets  {
	bottom: -88px;
	width: 450px;
}

/* abstand slider status produkte */
.details .rsBullets  {
	bottom: -30px;
}


/* abstand status ansprechpartner */
.details .ansprechpartner .rsTabs  {
	margin-top: 22px;
}





/* pfeile */
.visual-1 .rsDefault .rsArrow {
    margin-top: 220px; 
}


.visual-3 .rsDefault .rsArrow {
    margin-top: 120px; 
}

/* pfeile */
.details .rsDefault .rsArrow {
    display: none; 
    
}





ul.path {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 45px;
}
ul.path li {
	float: left;
	margin-right: 8px;
	padding-top: 15px;
	
}
ul.path li a {
	padding-right: 12px;
}
ul.path li:first-child {
	margin-left: 145px;
}







div#content {
	float: left;
	padding: 15px 0;
}
.visual-2 div#content,
.visual-5 div#content {
	padding: 35px 0;
}
.visual-2.v2 div#content {
	padding: 0;
}
.visual-2.v2 div#content.produkte {
	padding: 40px;
}

div.details {
	margin-bottom: 30px;
}

/* DETAILSSEITEN, 3 Spalten Layout, 2-3te zu einer */
div.details div.col1-2 .col-1 {
	width: 320px;
    margin-right: 16px;
}
div.details div.col1-2 .col-2 {
	width: 656px;
}


/* DETAILSEITEN 2 Spalten 50:50 */
div.details .col1-1 .col {
	width: 488px;
	margin-right: 16px;
}
div.details .col1-1 .col-2 {
	margin-right: 0;
}



/* SUCHE 2 Spalten 70:30 */
div.suche .col1-1 .col {
	width: 640px;
	margin-right: 32px;
	padding-right: 0;
}
div.suche .col1-1 .col-2 {
	margin-right: 0;
	padding: 0;
	width: 320px;
}


/* alternative */
.hkd-grid-4 .col1-1 .col {
	width: 670px;
	margin-right: 0;
	padding-right: 0;
}
.hkd-grid-4 .col1-1 .col-2 {
	margin-right: 0;
	padding: 0;
	width: 320px;
}


/* alternative 2 */
.hkd-grid-6 .col1-1 .col {
	width: 488px;
	margin-right: 16px;
	padding-right: 0;
}
.hkd-grid-6 .col1-1 .col-2 {
	margin-right: 0;
	padding: 0;
	width: 488px;
}












div#news {
    margin: 40px 0; 
}



/* CONTACT */
div#contact {
	padding: 40px 0 50px 0;
}
div#contact ul li {
	display: block;
	float: left;
	width: calc(33.2% - 59.5px);
	padding: 20px 25px;
    margin-left: 16px;
    min-height: 200px;
}
div#contact ul li:first-child {
	margin-left: 0;
}
div#contact ul li span,
div#contact ul li a {
	display: block;
}
div#contact ul li a {
	display: inline-block;
}
div#contact ul li .mark {
    margin-top: 10px;
    padding-left: 16px;
}
div#contact ul li.newsletter .hkd-form-wrapper {
    margin-top: 7px;
    width: 70%;
}
div#contact ul li.newsletter .mark {
    display: inline-block;
}






/* FOOTER */
div#footer {
	padding: 60px 0 30px 0;
}
div#footer h4 {
	padding: 8px 10px;
}
div#footer .col {
	width: 220px;
	margin-left: 16px;
}
div#footer .n0{
	margin-left: 0;
	width: 210px;
}
div#footer .n2{
	margin-left: 0;
	width: 210px;
}
div#footer .n3{
	margin-left: 0;
	width: 190px;
}
div#footer .n4{
	margin-left: 0;
	width: 130px;
}

div#footer ul {
	margin-left: 0px;
	margin-top: 20px;
}
div#footer li {
	margin-bottom: 12px;
	padding: 3px 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
div#footer li.aktiv a { 
	padding: 3px 10px;
	margin-left: -10px;
}

div#legal ul li {
	float: left;
	margin-right: 40px;
}

div#legal {
	padding: 20px 0 40px 0;
}

div#social {
    height: 50px;
    background-color: #E2E2E2;
    width: 100%;
    padding-top: 18px;
}
@media only screen and (max-width: 700px) {
    div#social {
        height: auto;
    }
}
div#social .container {
    text-align: right;
}
@media only screen and (max-width: 700px) {
    div#social .container {
        text-align: left;
    }
}
div#social ul {
    margin-right:-4px;
}
@media only screen and (max-width: 700px) {
    div#social ul {
        margin-left: 20px;
        margin-right:10px;
        padding: 20px 0;
    }
}
div#social li {
    display: inline-block;
    vertical-align: top;
}
@media only screen and (max-width: 700px) {
    div#social li {
        display: block;
    }
}

div#social li + li {
    margin-left: 35px;
}
@media only screen and (max-width: 700px) {
    div#social li + li {
        margin-left: 0px;
        margin-top: 5px;
    }
}
div#social li a {
    display: inline-block;
}

div#social li.yt a {
    background-image: url(bilder/soc_yt.png);
    background-position: 0 0;
    background-size: 46px 32px;
    width: 46px;
	height: 32px;
}

div#social li.fb a {
    background-image: url(bilder/soc_fb.png);
	background-position: 0 0;
    background-size: 30px 30px;
    width: 30px;
	height: 30px;
}

div#social li.ln a {
    background-image: url(bilder/soc_linked.png);
	background-position: 0 0;
    background-size: 32px 33px;
    width: 32px;
	height: 33px;
}

div#social li.xg a {
    background-image: url(bilder/soc_ing.png);
	background-position: 0 0;
    background-size: 30px 30px;
    width: 30px;
	height: 30px;
}

div#social li.xg a {
    background-image: url(bilder/soc_ing.png);
	background-position: 0 0;
    background-size: 30px 30px;
    width: 30px;
	height: 30px;
}

div#social li.in a {
    background-image: url(bilder/soc_in.png);
	background-position: 0 0;
    background-size: 30px 30px;
    width: 30px;
	height: 30px;
}


.footer-container.footer-social .youtube {
	background-image: url(bilder/soc_yt.png);
    background-position: 0 0;
    background-size: 46px 32px;
    width: 46px;
	height: 32px;
}
.footer-container.footer-social .linkedin {
	background-image: url(bilder/soc_linked.png);
	background-position: 0 0;
    background-size: 32px 33px;
    width: 32px;
	height: 33px;
}
.footer-container.footer-social .xing {
	background-image: url(bilder/soc_ing.png);
	background-position: 0 0;
    background-size: 30px 30px;
    width: 30px;
	height: 30px;
}
.footer-container.footer-social .facebook {
	background-image: url(bilder/soc_fb.png);
	background-position: 0 0;
    background-size: 30px 30px;
    width: 30px;
	height: 30px;
}


.debugger,
.status {
	display: none;
}

.debugger {
	width: 200px;
	border: 1px solid #ff0000;
	position: absolute;
	top: 0;
	left: 1200px;
	z-index: 1000;
	background-color: #fff;
	padding: 20px;
	font-size: 15px;
}

.status {
	width: 200px;
	border: 1px solid #ff0000;
	position: absolute;
	top: 0;
	left: 970px;
	z-index: 1010;
	background-color: #fff;
	padding: 20px;
	font-size: 15px;
}




.cookies {
    border-top: 4px solid #fff;
    position: fixed;
    z-index: 99999;
    bottom: 0;
    width: 1280px;
    background-color: #d6e8f1;
    padding: 12px 0;
}
.cookies .container {
    position: relative;
}
.cookies p, .cookies a {
    line-height: 1.5em;
    color: #00a0dc;
}
.cookies a {
    text-decoration: underline;
}
.cookies .accept-cookie {
    background-image: url(bilder/hkd-ic-close.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: block;
    position: absolute;
    top: -10px;
    right: 0;
    width: 20px;
    height: 20px;
}










@media only screen and (max-width: 1280px) {
    .cookies,
	div#page,
	div#header,
	div#visual,
	div#content,
	div#news,
	div#contact,
	div#footer,
	div#legal {
		width: 1020px;
	}
	
	ul.path li:first-child {
    	margin-left: 15px;
	}
	
	.visual-3 .rsBullets  {
		left: 33%;
	}
	
	/* header */
	div#header div.suche {
    	left: 686px;
	}

}

@media only screen and (max-width: 1000px) {
    .cookies,
	div#page,
	div#header,
	div#visual,
	div#content,
	div#news,
	div#contact,
	div#footer,
	div#legal,
	div.container,
	.nav-flyout {
		width: 728px; /* 768 - 40 (20|20) */
	}
	.nav-flyout .main {
		width: 708px;
    }
    
    .cookies .container {
        width: 95%;
    }
	
	
	/* path */
	ul.path li:first-child {
    	margin-left: 15px;
	}
	ul.path li {
		padding-left: 0px;
		margin-right: 10px;
	}
	ul.path li a {
		padding-right: 14px;
	}
	
	
	/* header */
	div#header div.suche {
    	/*margin-left: 570px;*/
    	left: 569px;
	}
	


	div#header div.suche input {
		width: 140px;
	}
	div#header div.logo {
    	margin-left: 0;
    }
    
    
	/* quick hide */
	.nav-flyout .quick {
		display: none;
	}
	
	
	
	div#visual {
		background-position: right 0;
	}
	
	/* 2 spalten layout*/
	div.details .col1-1 .col {
		width: 353px;
	}
	
	div.suche .col1-1 .col {
		width: 466px;
	}
	div.suche .col1-1 .col-2 {
		width: 230px;
	}
	
	

	
	/* contact all */
	div#contact ul li {
		width: 295px;
		font-size: 90%;
	}
    div#contact ul li:first-child,
    div#contact ul li.newsletter {
    	margin-left: 10px;
    }
    div#contact ul li.newsletter {
        margin-top: 16px;
    }
	
	/* footer all */
	div#footer .col {
		width: 235px;
		margin-left: 0px;
	}
	
	div#footer .n0,
	div#footer .n3 {
		margin-left: 7px;
	}


	div#legal ul {
		margin-left: 15px;
	}
	
	
	/* slider status, geschichte */
	.visual-1 .rsBullets  {
		left: 30%;
	}
	.visual-2 .rsBullets  {
		left: 32.5%;
	}
	.hkd-grid-3 .rsBullets  {
		left: 34%;
	}
	.visual-3 .rsBullets  {
		left: 27%;
	}
	
	
	/* grauer hintergrund */
	.visual-5 div.details .col1-1 .col {
		width: 346px /* 358 */
	}
	.visual-5 div.details .col1-1 .col-1 {
		margin-left: 10px;
	}
	.visual-5 h1,
	.visual-5 .txt {
		margin-left: 15px;
	}
	
	/* vermittler */
	.col-vmf-1,
	.col-vmf-2 {
		float: none;
	}
	
	.googlemaps {
		width: 320px;
	}
	
	
}

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

@media only screen and (max-width: 700px) {
    .cookies,
	div#page,
	div#header,
	div#visual,
	div#content,
	div#news,
	div#contact,
	div#footer,
	div#legal,
	div.container,
	.nav-flyout {
		width: 440px;	
    }
    
    .cookies .container {
        width: 88%;
    }
	
	ul.top,
	ul.nav,
	div#header div.suche,
	ul.path {
		display: none;
	}
	
	
	.mobile-nav-trigger {

		top: 20px;
		right: 0;
		left: inherit;
	}
	
	
	/* * * * * * * * * navigation */ 
	
	.nav-flyout {
   	 	position: fixed;
   	 	height: 290px;
   	 	background-color: #fff;
	}
	.nav-flyout .main {
		height: 290px;
		background-color: #fff;
   	 	overflow: auto;
	}

	.mobile-nav,
	.mobile-nav-trigger {
		display: block;
	}
	
	.nav-flyout {
    	top: 76px;
	}
	
	.nav-flyout .main {
    	width: 436px;
    	padding-left: 5px;
    	margin-right: 0;
	}
	
	.nav-flyout .mobile-nav,
	.nav-flyout .lvl-2,
	.nav-flyout .lvl-3,
	.nav-flyout .lvl-4 {
		width: 430px;
		float: left;
	}
	
	.nav-flyout .main .mobile-nav li,
	.nav-flyout .main .lvl-2 li,
	.nav-flyout .main .lvl-3 li,
	.nav-flyout .main .lvl-4 li {
		width: calc(100% - 15px);
		float: left;
		margin: 2px 10px 0 5px;
	}
	
	.nav-flyout .main .mobile-nav,
	.nav-flyout .main .lvl-2,
	.nav-flyout .main .lvl-3 {
		border-bottom: 1px solid #aaa;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	
	.nav-flyout .lvl-3,
	.nav-flyout .lvl-4 {
    	margin-left: 0px;
    	padding-left: 0px;
	}
	

	div.nav-flyout .main ul li.c a {
		background-image: url(bilder/hk_pfeil_weiss.png);
		background-position: 95% 50%;
	}

	div.nav-flyout .main ul li.c a.sel,
	.nav-flyout .main a.sel {
		background-color: #eff6f9;
		background-image: url(bilder/hkd-ic-pfeil-navi-aktiv-1x.png);
		background-position: 95% 50%;
		color: #00a0dc;
	}

	
	
	


	/* * * * * * * * * header / visual / teaser */
	
	div#header {
		height: 76px; /* 136 */
		background-position: 0 -50px;
	}
	.visual-2 div#visual,
	.visual-5 div#visual  {
		height: 238px;
		padding-top: 76px;	
	}
	.no-visual div#visual  {
		height: 0px;
		padding-top: 76px;	
	}
	
	
	div#header div.container {
    	height: 76px;
	}
	
	div#visual {
    	background-position: right -50px;
	}
	div.teaser {
		display: block;
	}
	

	/* abstand geschichte status */
	.visual-3 .rsBullets  {
		bottom: -46px;
		left: 12%;
		width: 350px;
	}
	


	
	div#header div.logo {
    	margin-left: 303px;
    	margin-top: 6px;
	}
	
	
	.no-visual div.details {
		margin-top: 60px;
	}
	
	
	/* * * * * * * * * frame layout */
	
	/* contact all */
	div#contact ul li {
		width: 320px;
		font-size: 90%;
		margin: 0 0 20px 0;
	}
	div#contact ul li:first-child {
    	margin-left: 0px;
	}
    div#contact ul{
		margin-left: 30px;
    }

    div#contact ul li.newsletter {
        margin-left: 0;
        margin-top: 0;
    }

    div#contact ul li.newsletter .hkd-form-wrapper {
        margin-top: 11px;
        width: 75%;
    }


	/* footer all */
	div#footer .col {
		width: 180px;
		margin-left: 20px;
		margin-bottom: 20px;
	}
	
	div#footer .col li {
		line-height: 1.4;
	}
	
	div#legal ul li {
    	float: none;
    	margin-bottom: 16px;
    }
    
    
    
    /* grauer hintergrund */
	.visual-5 div.details .col1-1 .col {
		width:420px /* 358 */
	}
	.visual-5 div.details .col1-1 .col-1 {
		margin-left: 10px;
	}
	.visual-5 div.details .col1-1 .col-2 {
		margin-left: 10px;
		margin-top: 20px;
	}
	.visual-5 h1,
	.visual-5 .txt {
		margin-left: 15px;
	}
    
    
    /* * * * * * * * * module/blocks */
    
    div.details .col1-1 .col {
    	width: 440px;
	}
	
	div.suche .col1-1 .col {
		margin-right: 0;
	}
	
	
	.googlemaps {
		width: 400px;
	}
	
	
	.visual-ausschnitt-1 div#visual {
		background-position: 70% 0;
	}
	
	div#header div.logo {
    	margin-left: 0;
    	margin-top: 6px;
	}
	

}

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

	div#page,
	div#header,
	div#visual,
	div#content,
	div#news,
	div#contact,
	div#footer,
	div#legal,
	div.container,
	.nav-flyout {
		width: 300px;
		
	}
	

	
	.nav-flyout .main {
    	width: 295px;
    	padding-left: 5px;
	}
	
	.nav-flyout .mobile-nav,
	.nav-flyout .lvl-2,
	.nav-flyout .lvl-3,
	.nav-flyout .lvl-4 {
		width: 290px;
	}
	
	.nav-flyout .main .mobile-nav li,
	.nav-flyout .main .lvl-2 li {
		xwidth: 130px;
		float: left;
		margin:2px 10px 0 5px;
	}
	

	.nav-flyout .main .lvl-3 li,
	.nav-flyout .main .lvl-4 li {
		width: 275px;
		float: none;
		margin: 2px 10px 0 5px;
	}
	
	.nav-flyout .main a{
		xbackground-color: #eff6f9;
	}
	
	
	/* abstand geschichte status */
	.visual-3 .rsBullets  {
		bottom: -46px;
		left: -10px;
		width: 320px;
	}
	
	
	
	


	div#contact {
    	padding: 20px 0 20px;
	}
	div#contact ul {
		margin-left: 10px;
	}
	div#contact ul li {
		width: 260px;
		padding: 10px;
	}
	
	/* footer all */
	div#footer .col {
		width: 280px;
		margin-left: 10px;
	}
	
	
	 /* grauer hintergrund */
	.visual-5 div.details .col1-1 .col {
		width:280px /* 358 */
	}
	.visual-5 div.details .col1-1 .col-1 {
		margin-left: 10px;
	}
	.visual-5 div.details .col1-1 .col-2 {
		margin-left: 10px;
		margin-top: 20px;
	}
	.visual-5 h1,
	.visual-5 .txt {
		margin-left: 15px;
	}
    
	
	
	/* * * * * * * * * module/blocks */
    
    div.details .col1-1 .col {
    	width: 300px;
	}
	div.details .col1-1 .col {
    	margin-right: 0;
	}
	
	div.details div.zusammenfassung ul.col-1, 
	div.details div.zusammenfassung ul.col-2 {
		width: 95%;
	}


	.googlemaps {
		width: 260px;
	}
	
	.visual-ausschnitt-1 div#visual {
		background-position: 74% 0;
	}
	
}