@font-face {
    font-family: 'Avenir-Medium';
    src: url('../fonts/Avenir-Medium/Avenir-Medium.eot') format('eot'),
         url('../fonts/Avenir-Medium/Avenir-Medium.ttf') format('ttf'),
         url('../fonts/Avenir-Medium/Avenir-Medium.woff') format('woff'),
         url('../fonts/Avenir-Medium/Avenir-Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir-Roman';
    src: url('../fonts/Avenir-Roman/Avenir-Roman.eot') format('eot'),
         url('../fonts/Avenir-Roman/Avenir-Roman.ttf') format('ttf'),
         url('../fonts/Avenir-Roman/Avenir-Roman.woff') format('woff'),
         url('../fonts/Avenir-Roman/Avenir-Roman.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CenzoFlare-Regular';
    src: url('../fonts/CenzoFlare-Regular/CenzoFlare-Regular.eot') format('eot'),
         url('../fonts/CenzoFlare-Regular/CenzoFlare-Regular.ttf') format('ttf'),
         url('../fonts/CenzoFlare-Regular/CenzoFlare-Regular.woff') format('woff'),
         url('../fonts/CenzoFlare-Regular/CenzoFlare-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}





*:focus {
    outline: none;
}

body {
    background-color: #f0efee;
    font-family: 'Avenir-Roman', sans-serif;
	font-weight: normal;
    font-size: 28px;
	color: #2c4677;
	text-align:center;
	line-height: 1.5;
}


.dh_no_scroll{
	/*
	overflow:hidden;
	*/
	overflow-y: scroll;
	position: fixed;
	width: 100%;
}



h1, .dh_h1 {
    font-size: 227%;
	font-family: 'CenzoFlare-Regular', serif;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.2;
	letter-spacing:0.2em;
	margin-top:0;
	margin-bottom:0;
}

h2, .dh_h2 {
    font-size: 136%;
	font-family: 'CenzoFlare-Regular', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.2;
	letter-spacing:0.2em;
	margin-top:0;
	margin-bottom:0;
}

h3, .dh_h3 {
    font-size: 73%;
	font-family: 'Avenir-Medium', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.87;
	letter-spacing:0.1em;
	margin-top:0;
	margin-bottom:0;
}





.row {
    margin-left: 0;
    margin-right: 0;
}
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}



.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{
    padding-left: 0;
    padding-right: 0;	
}


/***** Generell haben alle p keinen margin-bottom. Daruter Elemente anführen wo es einen margin-bottom braucht.  *****/
p{
	margin-bottom:0;
}

.dh_p_with_marbot p{
	padding-bottom:1em;
}



ul {
	padding-left: 0;
	margin-bottom: 0;
}


label {
	display: inherit;	
	max-width: inherit;
	margin-bottom: inherit;
	font-weight: inherit;
}


.dh_fontsize_1{
    font-size: 54%;
}
.dh_fontsize_2{
    font-size: 82%;
}
.dh_fontsize_3{
    font-size: 114%;
}
.dh_fontsize_4{
    font-size: 73%;
}


.dh_letter_spacing_1{
	letter-spacing:0.1em
}
.dh_letter_spacing_2{
	letter-spacing:0.05em
}


.dh_lineheight_1{
	line-height:1.67;
}
.dh_lineheight_2{
	line-height:1.37;
}



.dh_uppercase{
	text-transform:uppercase;
}

.dh_line_through{
	text-decoration: line-through;
}


.dh_font_1 {
    font-family: 'Avenir-Medium', sans-serif;
}

.dh_font_2 {
	font-family: 'CenzoFlare-Regular', serif;
}


.dh_text_center{
	text-align:center;
}
.dh_text_left{
	text-align:left;
}


.dh_relative{
	position: relative;
}

.dh_width_100{
	width:100%;	
}
.dh_height_100{
	height:100%;	
}



.dh_color_fff{
	color:#fff;
}



.dh_container_a{
	padding-left:19%;
	padding-right:19%;		
}

.dh_container_b{
	padding-left:4%;
	padding-right:4%;		
}

.dh_container_c{
	padding-left:19%;
	padding-right:19%;		
}


.dh_padtop_1{
	padding-top:calc(6px + 1.7vw);	
}
.dh_padtop_2{
	padding-top:calc(25px + 7.5vw);	
}



.dh_martop_1{
	margin-top:calc(-67px + -22vw);	
}


.dh_marbot_1{
	margin-bottom:calc(1px + 0.2vw);	
}
.dh_marbot_2{
	margin-bottom:calc(10px + 1.7vw);	
}
.dh_marbot_3{
	margin-bottom:calc(1px + 0.4vw);	
}
.dh_marbot_4{
	margin-bottom:calc(20px + 5vw);	
}
.dh_marbot_5{
	margin-bottom:calc(10px + 2.3vw);	
}
.dh_marbot_6{
	margin-bottom:calc(2px + 0.6vw);	
}
.dh_marbot_7{
	margin-bottom:calc(8px + 1vw);	
}
.dh_marbot_8{
	margin-bottom:calc(18px + 4.2vw);	
}
.dh_marbot_9{
	margin-bottom:calc(30px + 8vw);	
}
.dh_marbot_10{
	margin-bottom:calc(30px + 15vw);	
}


a {
	color:#fff;
	text-decoration:none;
	
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;	
}
a:visited {
	color:#fff;
	text-decoration:none;	
}
a:hover {
	color:#fff;
	text-decoration:underline;
	opacity:0.7;
}
a:focus {
	color:#fff;
	text-decoration:none;	
}
a:active {
	color:#fff;
	text-decoration:none;	
}


a.dh_lnk_1,
.dh_lnk_1 a {
	color: #fff;
	text-decoration:none;
	line-height: calc(8px + 2vw);
	
	border-radius: 50%;
	border: 1px solid #ddd9d1;
	background-color: #ddd9d1;
	width: calc(12px + 2vw);
	height: calc(12px + 2vw);
	display: inline-block;
	position: relative;
	margin: 0 calc(1px + 0.4vw);
}
a.dh_lnk_1:visited,
.dh_lnk_1 a:visited
 {
	color: #fff;
	text-decoration:none;
}
a.dh_lnk_1:hover,
.dh_lnk_1 a:hover {
	color: #fff;
	text-decoration:none;
	opacity:0.7;
}
a.dh_lnk_1:focus,
.dh_lnk_1 a:focus {
	color: #fff;
	text-decoration:none;
}
a.dh_lnk_1:active, 
.dh_lnk_1 a:active {
	color: #fff;
	text-decoration:none;
}


a.dh_lang_lnk_active {
	color: #fff;
	text-decoration:none;
	
	border-radius: 50%;
	border: 1px solid #2c4677;
	background-color: #2c4677;
	width: calc(12px + 2vw);
	height: calc(12px + 2vw);
	display: inline-block;
	position: relative;
	margin: 0 0.2vw;
}



a.dh_lnk_2,
.dh_lnk_2 a {
	color: #2c4677;
	text-decoration:underline;
}
a.dh_lnk_2:visited,
.dh_lnk_2 a:visited
 {
	color: #2c4677;
	text-decoration:underline;
}
a.dh_lnk_2:hover,
.dh_lnk_2 a:hover {
	color: #2c4677;
	text-decoration:underline;
	opacity:0.7;
}
a.dh_lnk_2:focus,
.dh_lnk_2 a:focus {
	color: #2c4677;
	text-decoration:underline;
}
a.dh_lnk_2:active, 
.dh_lnk_2 a:active {
	color: #2c4677;
	text-decoration:underline;
}


a.dh_lnk_3,
.dh_lnk_3 a {
	color: #fff;
	text-decoration:underline;
}
a.dh_lnk_3:visited,
.dh_lnk_3 a:visited
 {
	color: #fff;
	text-decoration:underline;
}
a.dh_lnk_3:hover,
.dh_lnk_3 a:hover {
	color: #fff;
	text-decoration:underline;
	opacity:0.7;
}
a.dh_lnk_3:focus,
.dh_lnk_3 a:focus {
	color: #ff;
	text-decoration:underline;
}
a.dh_lnk_3:active, 
.dh_lnk_3 a:active {
	color: #fff;
	text-decoration:underline;
}




/***** Links innerhalb von Fließtexten *****/
.dh_contained_lnk_1 a{
	color: #2c4677;
	text-decoration: underline;
	background-color: transparent;
	border: none;	
}
.dh_contained_lnk_1 a:visited{
	color: #2c4677;
	text-decoration: underline;
}
.dh_contained_lnk_1 a:hover{
	color: #2c4677;
	text-decoration: underline;
}
.dh_contained_lnk_1 a:focus{
	color: #2c4677;
	text-decoration: underline;
}
.dh_contained_lnk_1 a:active{
	color: #2c4677;
	text-decoration: underline;
}





/****** Header ******/
.dh_header_1_1 {
	position: absolute;
	top:calc(6px + 1vw);
	left:0.8%;
}

.dh_header_1_1 ul li {
	display: inline-block;
    list-style: outside none none;
	color: #fff;
}

.dh_header_1_2_conta {
	position: absolute;
	top: calc(50px + 10vw);
	left: 0;
	z-index: 2;
}

.dh_header_1_2_1 {
	width: calc(59px + 24vw);
}

.dh_header_1_2_1_mobile {
	display: none;
}

.dh_header_1_2_2 {
	position: absolute;
	top: 50%;
	left: 50%;
	
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.dh_header_1_3_conta {
	padding-top: calc(25px + 7.5vw);
	margin-bottom: calc(26px + 8.5vw);
}

.dh_logo_1{
	width:calc(50px + 19.5vw);
}

.dh_header_1_4_conta {
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	height: calc(52px + 22vw);
	width: calc(60px + 24vw);
}

.dh_header_1_4 {
	height: calc(52px + 22vw);
	width: calc(60px + 24vw);
}

.dh_header_1_4_1 {
	width:calc(80px + 30vw);
	position: absolute;
	left: 0;
	top: calc(-20px + -9.6vw);
}

.dh_header_1_4_2_3 {
	width:calc(11px + 2vw);
}

.dh_header_1_4_2 {
	position: absolute;
	top: 12.5%;
	left: 20%;
	width: 80%;
}



/****** Home ******/
/* To fix 1px height Problem in Chrome */
.slick-slide, .slick-list, .slick-track {
	height: auto;
}

.slick-prev{
	position:absolute;
	left: 3%;	
	top: 50%;
	z-index: 1;
	cursor:pointer;
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
.slick-next{
	position:absolute;
	right: 3%;	
	top: 50%;
	z-index: 1;
	cursor:pointer;	
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

 
.slick-prev img,
.slick-next img{
	width:calc(6px + 2.5vw);
}




.dh_home_1_1_1_1 {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 90vh;
}

.dh_home_1_1_1_2 {
	position: absolute;
	top:22.3%;
	left: 50%;
	width: 100%;
	padding: 0 22%;
	
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}

.dh_home_2_sec {
	background-color: #7d9484;
	margin-top: -45vh;
	height: calc(152px + 61vw);
}

.dh_home_2_1_conta {
	position: absolute;
	top: calc(20px + 4.3vw);
	left: 50%;
	z-index: 2;
	
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}

.dh_home_2_1_1 {
    width: calc(70px + 29.4vw);
}

.dh_home_2_1_2 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


.dh_home_2_2_conta {
	position: absolute;
	top: calc(62px + 25vw);
	right: 3.8%;
}

.dh_home_2_2_1 {
	width: calc(50px + 23vw);
}

.dh_home_2_2_2 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.dh_home_3_1_1_padding_gross {
	padding-top: calc(50px + 15vw);
}

.dh_home_3_1_1_padding_klein {
	padding-top: 0;
}

.dh_home_3_1_1_quer{
	padding-left:2%;
	padding-right:6%;		
}
.dh_home_3_1_1_hoch{
	padding-left:6%;
	padding-right:6%;		
}

.dh_home_3_1_1_2 {
	padding: 0 10%;
}



/****** Footer ******/

.dh_footer_1 {
    background-image: url('/site/templates/img/traubenkette-2.jpg');
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
	height: calc(50px + 29vw);
}

.dh_footer_1_1_conta {
	position: absolute;
	bottom: 23%;
	left: 25.8%;
}

.dh_footer_1_1_1 {
	width: calc(62px + 24vw);
}

.dh_footer_1_1_2 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.dh_footer_1_1_2_1 {
	width: calc(28px + 12vw);
}

.dh_footer_1_1_2_2 ul li {
	display: inline-block;
    list-style: outside none none;
}
.dh_footer_1_1_2_2 ul li::after {
    content: '.';
    margin-left: calc(1px + 0.4vw);
    margin-right: calc(1px + 0.2vw);
}
.dh_footer_1_1_2_2 ul li:last-child::after {
    content: '';
	margin:0;
	display:none;
}

.dh_footer_1_1_2_2 ul li:nth-of-type(1) {
	display: block;
    list-style: outside none none;
}
.dh_footer_1_1_2_2 ul li:nth-of-type(1)::after {
    content: '';
	margin:0;
	display:none;
}

.dh_footer_1_1_2_3 ul li {
    list-style: outside none none;
}


.dh_footer_1_2_1 {
	position: absolute;
	top:calc(40px + 19.2vw);
	left: 25.9%;
}

.dh_footer_1_2_2 {
	position: absolute;
	top:calc(40px + 22.4vw);
	left: 29.7%;
}

.dh_footer_1_2_1_1{
	width: calc(15px + 2.6vw);
}

.dh_footer_1_2_2_1 {
	width: calc(20px + 3.5vw);
}


.dh_footer_2 {
	background-color: #7d9484;
	padding: calc(5px + 1vw) 9%; 
}


.dh_footer_2 ul li {
	display: inline-block;
    list-style: outside none none;
}
.dh_footer_2 ul li::after {
    content: '.';
    margin-left: calc(1px + 0.4vw);
    margin-right: calc(1px + 0.2vw);
}
.dh_footer_2 ul li:last-child::after {
    content: '';
	margin:0;
	display:none;
}



@media (max-width: 1920px) {
	/* 1920 x 1080 => 1920 x 980 */
}

@media (max-width: 1800px) {
	/* 1800 x 1013 => 1800 x 913 */
body {
    font-size: 26px;
}
}

@media (max-width: 1700px) {
	/* 1700 x 956 => 1700 x 856 */
body {
    font-size: 25px;
}
}

@media (max-width: 1600px) {
	/* 1600 x 900 => 1600 x 800 */
body {
    font-size: 23px;
}
}

@media (max-width: 1500px) {
	/* 1500 x 844 => 1500 x 744 */
body {
    font-size: 22px;
}
}

@media (max-width: 1400px) {
	/* 1400 x 788 => 1400 x 688 */
body {
    font-size: 20px;
}
}

@media (max-width: 1300px) {
	/* 1300 x 731 => 1300 x 631 */
body {
    font-size: 19px;
}

.dh_home_1_1_1_2 {
    padding: 0 17%;
}
}

@media (max-width: 1200px) {
	/* 1200 x 675 => 1200 x 575 */
body {
    font-size: 18px;
}
.dh_home_1_1_1_2 {
    padding: 0 14%;
}
}

@media (max-width: 1100px) {
	/* 1100 x 619 => 1100 x 519 */
}

@media (max-width: 992px) {
	/* vh unabhängige Elemente - 992 x 600 */
	
.dh_header_1_3_conta {
    padding-top: calc(35px + 7.5vw);
    margin-bottom: calc(36px + 8.5vw);
}

.dh_header_1_4_conta {
    height: calc(62px + 24vw);
    width: calc(70px + 26vw);
}

.dh_header_1_4 {
    height: calc(62px + 24vw);
    width: calc(70px + 26vw);
}

.dh_header_1_4_1 {
    width: calc(100px + 30vw);
}

.dh_header_1_4_2 {
    left: 18%;
}
	
a.dh_lnk_1, .dh_lnk_1 a {
    width: calc(19px + 2vw);
    height: calc(19px + 2vw);
}
	
a.dh_lang_lnk_active {
    width: calc(19px + 2vw);
    height: calc(19px + 2vw);
}

a.dh_lnk_1, .dh_lnk_1 a {
	line-height: calc(17px + 2vw);
}

.dh_home_2_sec {
    height: calc(152px + 69vw);
}

.dh_home_2_2_conta {
    top: calc(62px + 30vw);
}
}

@media (max-width: 768px) {
	/* vh unabhängige Elemente - iPhone 375 x 667 (obwohl Hochformat) - 768 x 500 */
	
.dh_container_a{
	padding-left:8%;
	padding-right:8%;		
}
.dh_container_b {
    padding-left: 2.5%;
    padding-right: 2.5%;
}
.dh_container_c{
	padding-left:8%;
	padding-right:8%;		
}


.dh_header_1_2_1 {
    width: calc(79px + 26vw);
}

.dh_header_1_3_conta {
    padding-top: calc(45px + 8.5vw);
    margin-bottom: calc(46px + 9.5vw);
}


.dh_home_2_sec {
    height: calc(152px + 89vw);
}

.dh_home_2_2_1 {
    width: calc(70px + 28vw);
}

.dh_home_2_2_conta {
    top: calc(92px + 38vw);
}


.dh_legal_1_sec.dh_marbot_9 {
    margin-bottom: calc(40px + 15vw);
}

.dh_default_1_sec.dh_marbot_10 {
    margin-bottom: calc(40px + 20vw);
}

.dh_legal_1_sec {
	padding-top:calc(25px + 7.5vw);	
}
.dh_default_1_sec {
	padding-top:calc(25px + 7.5vw);	
}

.dh_footer_1_1_1 {
    width: calc(72px + 27vw);
}
}

@media screen and (orientation: portrait) {
	/* sämtliche Hochformatbildschirme - Infoscreens und große Tablets*/	
	/* großes Tablet - 992 x 1323 (vh abhängige Elemente) */
	
.dh_home_1_1_1_1 {
    height: 35vh;
}	

.dh_home_2_sec {
    margin-top: -17.5vh;
}

.dh_home_2_1_1 {
    width: calc(70px + 29vw);
}

.dh_home_2_1_2 {
    width: 78%;
}
}

@media screen and (orientation: portrait) and (max-width: 768px) {
	/* Hochformatbildschirme mit Breite kleiner als 768 - Smartphones, kleine Tablets - vh wird vw */

	/* iPhone - 375 x 667 (vh abhängige Elemente)  */
	/* iPad - 768 x 1024 (vh abhängige Elemente)  */
	
.dh_home_1_1_1_1 {
    height: 67vw;
}
	
.dh_home_2_sec {
    margin-top: -33.5vw;
}
}


@media (max-width: 668px), screen and (orientation: landscape) and (max-width: 900px) {
	
.dh_container_a{
	padding-left:0;
	padding-right:0;		
}
.dh_container_b{
	padding-left:0;
	padding-right:0;		
}

h2, .dh_h2 {
    font-size: 116%;
}
h3, .dh_h3 {
    font-size: 67%;
}


.dh_fontsize_4 {
    font-size: 67%;
}

.col-xs-6 {
	width: 100%;
}

.dh_header_1 h3,
.dh_header_1 .dh_h3 {
    font-size: 47%;
}

.dh_header_1_1 ul li {
    display: block;
}


a.dh_lnk_1, .dh_lnk_1 a {
    width: calc(19px + 4vw);
    height: calc(19px + 4vw);
	margin: 0 1.2vw;
}
	
a.dh_lang_lnk_active {
    width: calc(19px + 4vw);
    height: calc(19px + 4vw);
	margin: 1.2vw;
}

a.dh_lnk_1, .dh_lnk_1 a {
	line-height: calc(17px + 4vw);
}

.dh_logo_1 {
    width: calc(70px + 28vw);
}

.dh_header_1_3_conta {
    padding-top: calc(65px + 28vw);
    margin-bottom: calc(26px + 4vw);
}

.dh_header_1_4_conta {
    right: 50%;
	
	-webkit-transform: translateX(50%);
	-moz-transform: translateX(50%);
	transform: translateX(50%);
}

.dh_header_1_4_conta {
    height: calc(62px + 30vw);
    width: calc(115px + 30vw);
}

.dh_header_1_4 {
    height: calc(62px + 30vw);
    width: calc(115px + 30vw);
}

.dh_header_1_4_1 {
    width: calc(86px + 35vw);
    left: 50%;
	
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}

.dh_header_1_4_1 {
    top: calc(-30px + -15vw);
}

.dh_header_1_4_2_2.dh_marbot_2 {
	margin-bottom: 0;
}

.dh_header_1_4_2 {
    left: 50%;
	top: 6%;
	
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}


.dh_home_1_1_1_2 {
    padding: 0 8%;
}

.slick-prev img, .slick-next img {
    width: calc(12px + 2.5vw);
}

.slick-prev {
    left: 1%;
}
.slick-next {
    right: 1%;
}

.dh_home_2_1_conta {
    display: none;
}

.dh_home_2_sec {
	background-color: transparent;
    height: calc(290px + 140vw);
}


.dh_header_1_2_conta {
    top: calc(240px + 92vw);
	left: 2%
}

.dh_header_1_2_1 {
	display: none;
}

.dh_header_1_2_1_mobile {
	display: inherit;
    width: calc(100px + 35vw);
}

.dh_header_1_2_2 h2,
.dh_header_1_2_2 .dh_h2 {
    font-size: 100%;
}

.dh_header_1_2_2 h3, 
.dh_header_1_2_2 .dh_h3 {
    font-size: 67%;
}


.dh_home_2_2_2.dh_fontsize_3{
	font-size: 90%;
}
 
.dh_home_2_2_conta {
    top: calc(140px + 69vw);
	z-index: 1;
}

.dh_home_2_2_1 {
    width: calc(80px + 35vw);
}

.dh_home_2_2_2 {
    top: 53%;
}

.dh_home_3_1_1:nth-of-type(2n-1) {
	background-color: #7d9484;	
	color: #fff;
}

.dh_home_3_1_1_hoch {
	padding: calc(20px + 4vw) 8% calc(60px + 20vw);
}

.dh_home_3_1_1_quer {
	padding: calc(20px + 4vw) 8%;
}

.dh_home_3_1_1_hoch:nth-of-type(1) {
	padding: calc(60px + 20vw) 8% calc(60px + 20vw);
    margin-top: calc(-45px + -24vw);
    z-index: 0;
}

.dh_home_3_1_1_quer {
    margin-top: calc(-54px + -24vw);
}

.dh_home_3_1_1_2 a.dh_lnk_2,
.dh_home_3_1_1_2 .dh_lnk_2 a {
	color: #fff;
	text-decoration:underline;
}
.dh_home_3_1_1_2 a.dh_lnk_2:visited,
.dh_home_3_1_1_2 .dh_lnk_2 a:visited
 {
	color: #fff;
	text-decoration:underline;
}
.dh_home_3_1_1_2 a.dh_lnk_2:hover,
.dh_home_3_1_1_2 .dh_lnk_2 a:hover {
	color: #fff;
	text-decoration:underline;
	opacity:0.7;
}
.dh_home_3_1_1_2 a.dh_lnk_2:focus,
.dh_home_3_1_1_2 .dh_lnk_2 a:focus {
	color: #fff;
	text-decoration:underline;
}
.dh_home_3_1_1_2 a.dh_lnk_2:active, 
.dh_home_3_1_1_2 .dh_lnk_2 a:active {
	color: #fff;
	text-decoration:underline;
}

.dh_home_3_1_1 .dh_marbot_1 {
    margin-bottom: calc(6px + 0.2vw);
}

.dh_home_3_1_1 .dh_marbot_6 {
    margin-bottom: calc(7px + 0.6vw);
}

.dh_home_3_1_1 .dh_marbot_7 {
    margin-bottom: calc(13px + 1vw);
}

.dh_home_3_sec.dh_marbot_8 {
    margin-bottom: calc(40px + 12vw);
}


.dh_legal_1_sec.dh_marbot_9 {
    margin-bottom: calc(60px + 32vw);
}
.dh_default_1_sec.dh_marbot_10 {
    margin-bottom: calc(60px + 37vw);
}

.dh_footer_1 {
    height: calc(130px + 29vw);
}

.dh_footer_1_1_1 {
    width: calc(90px + 42vw);
}

.dh_footer_1_1_2_1 {
    width: calc(48px + 22vw);

}

.dh_footer_1_1_2_1.dh_fontsize_2 {
	font-size: 72%;
}

.dh_footer_1_1_conta {
    left: 8%;
	bottom: 29%;
}

.dh_footer_1_1_2 {
	line-height: 1.67;
}

.dh_footer_1_2_1_1 {
    width: calc(25px + 3.6vw);
}

.dh_footer_1_2_2_1 {
    width: calc(30px + 4.5vw);
}

.dh_footer_1_2_1 {
    top: calc(50px + 26.2vw);
	left: 11.9%;
}

.dh_footer_1_2_2 {
    top: calc(65px + 28.4vw);
    left: 20.7%;
}

.dh_footer_2 {
    padding: calc(15px + 1vw) 8%;
}

.dh_footer_1_1_2_2 ul li::after,
.dh_footer_2 ul li::after {
    margin-left: calc(1px + 1vw);
}
}

@media (max-width: 500px) {
	/* vh unabhängige Elemente - iPhone 375 x 667 (obwohl Hochformat) */

h1, .dh_h1 {
    font-size: 147%;
}

.dh_header_1_2_2_3.dh_fontsize_2 {
	font-size: 72%;
}

.dh_header_1 h2, 
.dh_header_1 .dh_h2 {
    font-size: 70%;
}


.dh_home_1_1_1_2_2 {
	font-size: 14px;
}


.dh_footer_1_1_1 {
    width: calc(120px + 45vw);
}

.dh_footer_1_2_2 {
    top: calc(65px + 30.4vw);
    left: 22.7%;
}
}

@media (max-width: 365px) {
}


@media (max-aspect-ratio: 1920/930) and (orientation: landscape) {
	/* Querformatbildschirme niedrig - z.B. Laptop mit Adressleiste usw. */
}

@media screen and (orientation: landscape) and (max-width: 900px) {
	/* Smartphones quer gehalten */
}