@media screen and (max-width: 1400px) {
	div.wrapper {
		width:100%;
	}
	div.wrapper div.container{
		width:100%;
	}
	div.image_slider {
		width:100%;
	}
	div.gallery-slider {
		width:100%;
		margin-top: 0;
		height: 470px !important;
	}
	
	footer,
	footer #map {		
		width: 100%;
	}
}

@media screen and (max-width: 1200px) {
	
	header {
		height: 200px;
	}
	.home header {
		min-height: 400px;
		height: 470px;
	}
	.content_wrapper div.subtitle,
	.content_wrapper div.text {
		width: 90%;
	}
	
	div.image_slider { margin-top: 75px; }
	div.image_slider, 
	header div.image_slider .bx-wrapper, 
	header div.image_slider .bx-viewport {
		height: 395px !important;
	}
	
	div.image_slider .bx-wrapper img {
		max-width: none !important;
		display: block;
		width: auto !important;
		height: 395px !important;
	}
	
	
	
	div.text-and-button {
		width: 70%;	
		max-height: 290px;
	}
	
	header div.logo {
		position: fixed;		
	}
	header div.logo.sticked img {
		height: 75px;		
		width: auto;
		
		
	}
	header div.nav-wrapper.main-nav {
		position: fixed;
		background-color: #041E42;
		height: 75px;	
	}
	
	header div.nav-wrapper.main-nav.opened {
		height:110px;
	}
	
	
	.home header ul.nav-menu,
	header ul.nav-menu {
		margin: 0;
		display: none;
		height: auto;
		background-color: #041E42;
		padding: 140px 0 20px;
		width: 100%;
		max-width: 100%;
	}
	
	header div.nav-wrapper.main-nav-scrolled ul.nav-menu {
		padding: 0px 0 20px;
		position: fixed;
		top: 110px;
		max-height: calc(100% - 110px);
		box-sizing: border-box;
		overflow-y: auto;
	}
	
	header ul.nav-menu li.sticky,
	header div.nav-wrapper.main-nav-scrolled ul.nav-menu li.sticky	{
		display: none;
	}
	
	header ul.nav-menu li {
		display: list-item;
		height:auto;
		
	}
	
	header div.nav-wrapper.main-nav-scrolled ul.nav-menu li a{
		display:block;
		padding: 15px;
		margin:0px 20px;
	}
	
	header div.nav-wrapper.main-nav-scrolled ul.nav-menu > li.has_childs > a{
		background-image: url('../images/icon_arrow.png');
		background-repeat: no-repeat;
		background-position: top right;
		background-size: 15px auto;
	}
	
	header div.nav-wrapper.main-nav-scrolled ul.nav-menu > li.open.has_childs > a{
		    background-position: bottom right;
	}
	
	
	header ul.nav-menu li.active,
	header ul.nav-menu li:hover,
	header div.nav-wrapper.main-nav-scrolled ul.nav-menu li.active,
	header div.nav-wrapper.main-nav-scrolled ul.nav-menu li:hover	{
		background: none;
	}
	
	header ul.nav-menu ul{
		position:static;
		display:none;
	}
	
	header div.nav-wrapper.main-nav-scrolled ul.nav-menu > li.open > ul{
		display:block;
	}
	
	header div.nav-wrapper.main-nav-scrolled li.homepage{
		display:list-item;
	}
	
	div.image_slider .bx-controls {
		position: relative !important;
		width: 100% !important;
		text-align: center  !important;	
		top: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;		
		
	}
	div.image_slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
		text-align: center  !important;
		width: 100%;
	}
	div.image_slider .bx-wrapper .bx-pager {
		text-align: center  !important;		
	}
	div.image_slider .bx-wrapper .bx-pager, 
	div.image_slider .bx-wrapper .bx-controls-auto {			
		width: 100%  !important;
		margin: -30px 0 0 0  !important;
		position: relative  !important;
	}
	
	
	
	div.o-grid__item {
		display: block;
		
	}
	
	
	div.wrapper div.container {
		width: 100%;
		
	}
	.content_wrapper {
		background-position: center center;
		padding: 18px 0;
	}
	.home .content_wrapper {
		background-color: #ededed;
	}
	.content_wrapper h1 {
		width: 96%;
		margin: 50px auto 25px;
	}
	.content_wrapper div.subtitle {
		width: 50%;
	}
	
	div.module-newslist ul li {
		margin: 0 2%;
		width: 96%;
		padding: 25px 0;	
	}
	div.module-newslist ul li img {
		width: 30%;
		margin-right: 3%;
	}
	div.module-newslist ul li h3 {
		width: 67%;
	}
	div.module-newslist ul li p {
		width: 67%;
	}
	div.gallery-slider {
		width: 100%;
	}
	
 	div.gallery-slider .bx-wrapper,
	div.gallery-slider .bx-viewport {
		width: 100%;
		
	}
	div.gallery-slider img {
		    width: 100% !important;
			max-width: none !important;
			margin-right: 0  !important;
	}
	 div.gallery-slider ul li {
		 margin: 0;
		 width: 100%;
	 }
	
	
	
	
	div.module-text-image {
		width: 96%;		
	}
	div.module-text-image div.text {
		width: 60%;
	}
	div.module-text-image h3 {
		width: 100%;
	}
	div.module-text-image p {
		width: 100%;
	}
	div.module-text-image div.image {
		width: 30%;
		padding: 0 3%;
	}
	div.module-text-image div.image img {
		width: 100%;
		min-width: 160px;
	}
	.acc-btn {
		width: 100%;	
		padding: 0;	
	}
	.acc-btn h3 {
		padding: 0 0 0 5%;
	}
	.acc-content-inner {
		width: 100%;
	}
	.acc-content-inner p {
		width: 100%;
		padding: 0 5%;
	}
	div.acc-container div.acc-btn {
	    padding: 0;
	}
	div.acc-container div.acc-content a.dw-link {
		padding: 10px 0 10px 72px;
	}
	.gallery {
		width: 100%;
		text-align: center;
		    margin-left: 0.5%;
	}
	.gallery > a,
	.gallery >a:nth-child(3n+3)	{
		width: 31%;
		height: auto;
		margin: 0 1% 20px;
		display: inline-block;
		text-align: left;
	}
	
	.gallery >a:nth-child(3n+3)	{
	    margin-right: 0px;
	}
	.gallery div.image img {
		width: 100%;
		height: auto;
	}
	.gallery div.image {
		width: 100%;
	}
	.gallery div.image > h3 {
		font-weight: bold;
		margin-bottom: 5px;
	}
	.gallery div.image div.bread-info {
		display: block;
	}
	.gallery div.image div.bread-info p {
		padding: 5px 0;
		width: 100%;
	    font-size: 16px;
	    line-height: 24px;
	    box-sizing: border-box;
	}
	
	
	div.module-image {
		width: 70%;
		display: block;
		margin: 0 auto;
	}
	div.module-image img {
		max-width: 944px;
		width: 100%;
		
	}
	
	div.module-textarea {
		width: 70%;
		margin: 0 auto;
		display: block;
	}
	div.module-textarea h2 {
		width: 100%;
	}
	div.module-textarea p {
		width: 100%;
	}
	div.module-in-content {
		width: 70%;
	}
	div.module-in-content h3 {
		width: 100%;
	}
	div.module-in-content div.text {
		width: 60%;
		padding: 0 20px 0 0;		
		margin: 20px auto;	
	}
	div.module-in-content.right div.text {
		padding: 0 0 0 20px;
	}
	div.module-in-content div.image {
		width: 40%;
	}
	div.module-in-content div.image img {
		width: 100%;
	}
	div.team {
		width: 100%;
		
		max-width: 1140px;
	}
	div.team div.team-grid {
		width: 100%;
		height: auto;
		display: inline-block;
	}
	div.team div.member,
	div.team div.team-grid div:nth-of-type(4n)	{
		width: 23%;
		margin: 0 1% 30px;
		float: left;
		display: inline-block;
		height: auto;
	}
	div.team div.member img {
		width: 100%;
		/*height: 20vw;*/
	}
	div.module-3-cols {
		width: 100%;
		max-width: 950px;
	}
	div.module-3-cols div.col1, 
	div.module-3-cols div.col2, 
	div.module-3-cols div.col3 {
		width: 31.3%;
		/* max-width: 290px; */
		margin: 0 1%;
	}
	
	div.go-top {
		width: 100%;
	}
	

	div.module-map {
		width: 80%;
		margin: 40px auto;
	}
	div.module-map iframe {
		width: 100%;
	}
	
	div.bread-info ul, 
	div.info-box ul {
		margin-left: auto;
	}
	
	
	
	div.branches-wrapper h2 {
		width: 90%;		
		margin: 50px auto 25px;     
	}

	div.branches-wrapper div.subtitle {		
		width: 90%;
	}
	.branches {
		width: 100%;
		text-align: center;
		margin-left: 0.5%;
	}
	.branches div.branch,
	.branches div.branch:nth-child(3n+3)	{
		width: 31%;
		height: auto;
		margin: 0 1%;
		display: inline-block;
		/*float: none;*/
		text-align: left;
		vertical-align: top;
	}
	
	.branches div.branch:nth-child(3n+3)	{
		margin-right: 0;
	}
	
	.branches div.branch img {
		width: 100%;
		height: auto;
	}
	
	.branches div.branch div.overlay {
		width: 100%;
		top: 0;
		left: 0;
	}
	.branches div.branch div.overlay h3 {
		padding: 10px 15px 0;
	}
	.branches div.branch div.overlay p {
		padding: 5px 15px 15px;
	}
	
	div.branch-slider {
		width: 90%;
	}
	
 	div.branch-slider .bx-wrapper,
	div.branch-slider .bx-viewport {
		width: 100%;
		
	}
	div.branch-slider img {
		width: 100% !important;
		max-width: none !important;
		margin-right: 0  !important;
	}
	 div.branch-slider ul li {
		 margin: 0;
		 width: 100%;
	 }
	
	
	
	
	
	footer div.footer-cols {
		width: 96%;
	}
	footer div.footer-cols div.col1, 
	footer div.footer-cols div.col2, 
	footer div.footer-cols div.col3 {
		padding: 0 15px;
		display: block;
		width: 70%;
		margin: 0 auto;
		box-sizing: border-box;
	}
	footer #map ,
	footer {
		width:100%;
	}
	footer #map h2 {
		width: 96%;
		margin: 0 auto;
		max-width: 590px;
	}
	footer #map form {
		width: 100%;
	}
	
	footer div.footer-cols h3 {
		margin: 40px 0 0;
	}
	
	footer div.footer-form,
	footer div.footer-form form	{
		width: 96%;
		margin: 0 auto;
	}
	footer div.footer-form p {
		width: 70%;
		margin: 20px auto;
		line-height: 22px;
	}
	footer div.footer-form form input[type="text"] {
		width: 70%;
		margin: 8px 14px;
		
	}
	footer div.footer-social {
		margin: 60px 0 40px;
	}
	footer div.footer-copyrights {
		width: 96%;
		margin: 0 auto;
	}
	
}

@media screen and (max-width: 950px) {
	div.branch-details {
		width: 90%;
	}
	div.module-in-content h3 {
		margin: 0;
	}
	div.module-in-content div.text {				
		margin: 0px auto;	
	}
}	


@media screen and (max-width: 760px) {
	div.module-newslist {
		width: 96%;
		padding-bottom: 25px;
	}
	div.module-newslist div.subtitle {
		width: 96%;
		margin: 0 auto 40px;
	}
	div.text-and-button h2 {
		font-size: 36px;
		line-height: 46px;
	}
	.branches div.branch h3,
	.branches div.branch div.overlay h3 {		
		padding: 15px 2% 0;		
	}
	.branches div.branch p,
	.branches div.branch div.overlay p {		
		padding: 10px 2% 30px;		
		color: #666666;
	}	
}

@media screen and (max-width: 640px) {
	.content_wrapper div.subtitle {
		width: 80%;
		
	}
	div.module-newslist h2 {
		margin: 40px 0 25px;
	}
	div.module-text-image {
		display: inline-block;
		margin: 30px 2%;
		text-align: center;
	}
	div.module-text-image div.text {
		width: 100%;
		display: block;
		text-align: center;
	}
	div.module-text-image div.image {
		width: 94%;
		text-align: center;
		display: block;
	}
	div.module-text-image div.image img {
		width: 100%;
		max-width: 230px;
	}
	div.module-text-image h3,
	div.module-text-image p,
	div.module-text-image.right h3,
	div.module-text-image.right p {
		float: left;
		text-align: center;
	}
	div.module-text-image.right div.image {
		text-align: center;
	}
	.gallery { margin-left: 0; }
	.gallery a, 
	.gallery a:nth-child(3n+3) {
		width: 88%;
		float: none;
		margin: 0;
	}
	.gallery div.image {
		display: block;
		position: relative;
		top: 0;
		left: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		margin: 0 0 30px 0;
	}
	
	
	div.module-image {
		width: 80%;
	}
	div.module-textarea {
		width: 80%;
	}
	div.module-in-content {
		width: 80%;
		
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		/* optional */
		-webkit-box-align: start;
		-moz-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		
	}
	div.module-in-content div.text {
		width: 100%;
		
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;		
	}
	div.module-in-content div.image {
		width: 100%;
		
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1;
	}
	div.module-in-content div.image img {
		width: 100%;
	}
	div.module-in-content.right div.text {
		padding: 0;
	}
	
	
	div.team select {
		width: 80%;
		background-position: 96%;
	}
	div.team div.member, 
	div.team div.team-grid div:nth-of-type(4n) {
		width: 80%;
		margin: 0 auto 30px;		
		display: block;
		float: none;
		
	}
	div.team div.member img {
		width: 100%;
		height: auto;
	}
	div.module-3-cols div.col1, 
	div.module-3-cols div.col2, 
	div.module-3-cols div.col3 {
		float: none;
		width: 80%;
		margin: 0 auto 40px;
		max-width: 450px;
	}
	div.module-3-cols h3 {
		margin: 20px 0;
	}
	img.transition-arrow {
		display: none;
	}
	
	div.module-map {
		width: 90%;
		margin: 40px auto;
	}
	div.module-map iframe {
		width: 100%;
	}
	
	.branches div.branch, 
	.branches div.branch:nth-child(3n+3) {
		width: 90%;
		float: none;
		margin: 0;
	}
	
	div.branch-details {
		width: 90%;
	}
	
	
	div.branch-details div.branch-col1,
	div.branch-details div.branch-col2 {
		width: 100%;
	}
	
	
	footer #map h2 {
		padding: 50px 0 0;
		
	}
	footer div.footer-cols {
		padding-bottom: 20px;
		margin: 0 auto 40px;
	}
	footer div.footer-cols div.col1, 
	footer div.footer-cols div.col2, 
	footer div.footer-cols div.col3 {
		width: 100%;
		padding: 0 2%;
	}
	
	footer div.footer-cols ul li {
		display: inline-block;
	}
	footer div.footer-cols ul li img {
		float: left;
		margin-right: 4%;
		width: 26%;
		max-width: 85px;
	}
	footer div.footer-cols ul li div.title,
	footer div.footer-cols ul li p	{
		width: 70%;
		float: left;
	}
	
	footer div.footer-form p {
		width: 100%;
	}
	footer div.footer-form form input[type="text"] {
		width: 100%;
		margin: 8px 0;
	}
	footer div.footer-copyrights div.copyright,
	footer div.footer-copyrights a.impressum, 
	footer div.footer-copyrights a.datenschutz {
		width: 96%;
		line-height: 30px;
		margin: 0 2%;
	}
}

@media screen and (max-width: 480px) {
	a.geschenk-shop {
		display: none;
	}
}

@media screen and (max-width: 420px) {
	div.acc-container div.acc-btn h3 { font-size: 22px; padding: 20px 0 20px 20px; }
	div.acc-container div.acc-content a.dw-link {
		padding: 0 0 0 20px;
	}
}

@media screen and (max-width: 360px) {
	div.module-newslist ul li img {
		width: 100%;
		max-width: none;
		margin-bottom: 20px;
		margin-right: 0;
		
	}
	div.module-newslist ul li h3 {
		width: 100%;
	}
	
	div.module-newslist ul li p {
		width: 100%;
	}
	
	footer #map form input[type="text"] {
		width: 300px;
	}
}