@charset "utf-8";
/* CSS Document */

html {
    scroll-behavior: smooth;
}



.scroller :target {
  display: block;
  position: relative;
  top: -100px; 
  visibility: hidden;
}



/* Style The Dropdown Button */
.dropbtn {
  background-color: transparent;
  /* color: white; */
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;width: 300px;0px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: fixed;

  display: inline-block;z-index: 999;top: 0;/* width: 30vh; */
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: fixed;
  background-color: #f9f9f9;
  min-width: 160px;width: 100%;max-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;font-size: 4vw;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  /* background-color: #3e8e41; */
}

.dropdown{ display: none; }

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

    
    #menu_sec a { font-size: 2vh!important}

   #menu_main { display: none; }
  .dropdown{ display: block; }

.content .headline {
	position: absolute;
	top: 3vw;
	left: 4.2vw;
	height: 14vw;
	background-image: none;
	background-size: contain;
	background-position: left center;
	padding-left: 0;
}

.content .menu {
	position: absolute;
	top: 8vw;
	left: 4vw;
}
    
    .content .menu ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 43vw;
}

.content .txt .col.left {
	width: 39vw;
	margin-right: 5.2vw;
}

.content .txt.ctinline .col.left {
	margin-right: 0;
	width: 28.5vw;
}

.content .txt {
	position: absolute;
	top: 3vw;
	left: 33.5vw;
}

.content .txt.ctinline {
	left: 40.3vw;font-size: 3vw;line-height: 4.5vw;	
}


#header {
	height: 8.9vw;
}

#header ul li, #header ul li a {
	font-size: 1.6vw;
	line-height: 8.8vw;
}

#logo {
	width: 21.2vw;	
	margin: 2vw 0 0 4.2vw;
}

#menu_main li {
	margin-right: 3vw;
}

.content .menu > ul > li > a {
	font-size: 1.6vw;
}

.content .menu a {
	line-height: 2.4vw;
}

.content .headline h1 {
	font-size: 5vw;
}

.content .headline {
	height: 16.6vw;
}

.image .headline h1 {
	font-size: 5.6vw;
	line-height: 5.6vw;
}

.intro .image .headline h1 {
	font-size:  5.6vw;
	line-height: 5.6vw;
}

.image .subline h2 {
	font-size: 2.1vw;
}
    
    .col p {margin-bottom: 1.5vw;
font-size: 2.5vw;
line-height: 2.8vw;}

.col  h2 {
	/*font-size: 1vw;
	line-height:1.2vw;*/
	font-size: 3.6vw;
	line-height: 3.7vw;
	text-transform: uppercase;
	font-weight: 500;
	color: #908372;
	letter-spacing: 0.08vw;
}


}    

@media only screen and (orientation: portrait) {
	body {
		font-size: 2vw;
		line-height: 2.5vw;
	}
	
	#header ul li, #header ul li a {
		font-size: 2vw;		
	}
	
	.content .menu a {
		line-height: 4vw;
		font-size: 3.5vw;
	}
	
	.content .menu > ul > li > a {
		font-size: 3vw;line-height: 4.2vw;
	}
	
	.content .txt ul li {
		line-height: 3.5vw;
		background-position: left 1.6vw;
	}
	
	h3 {
		font-size: 2vw;
		line-height:  2.5vw;
	}
	
	a.back, a.zrck {
		font-size: 2vw;
		line-height: 2.5vw;
	}
	
	#map p {
		line-height: 2.2vw;
	}
	
	#map a.zrck {
		bottom: 2vw;		
	}
}