.section-merkzettel{padding: 30px 10% 30px;}
.section-diagonal{padding-top:100px;}
.section-merkzettel h1{color:#3e6fb6;}

.buchung{padding-top:80px;}
.buchung select {float: left; padding: 8px; border: none; background: rgba(209,206,212,.4);margin-right:5px;width: calc(12% - 5px);}
.buchung .merkzettel-input.links {margin-right:5px;max-width: calc(20% - 10px);}
.button.rechts.add-participant {
    padding: 7px 10px;
    float: right;
    width: calc(20% - 5px);
    text-align: center;
    margin-left: 5px;
}

.loginform {display: block; width: fit-content; margin: auto;}
button.btn-primary {margin: 20px auto 80px auto; display: block;background-color: #fec44e;padding: 10px;border: 2px solid #000; width: 180px;}
.loginform .checkbox{background-color:initial; border:none;}
.loginform .form-group {
    margin-bottom: 20px;
}

#aktiva-booking-form .w-col-7{margin-bottom:10px;}
.checkoutform-item input{margin: 0 5px; width: calc(100% - 20px);}
.quantity {float: left; margin-right: 10px; width: 100px; text-align: right; clear: both;}

/*textarea.shopform {margin: 10px; width: calc(100% - 20px);}*/

.button.rechts {margin-bottom:10px;}

.teamliste{padding: 80px calc(10% - 10px) 100px calc(10% - 10px);}
.teammember {width: calc(33% - 20px); float: left;margin-left:10px;margin-right:10px;margin-bottom:20px;border:1px solid rgba(209,206,212,.5);}
.teammember-content {height: 150px; padding: 20px; border-bottom: 1px solid rgba(209,206,212,.5);}
.teamliste-reihe {clear: both;}
.teammember-contact {height: 110px; padding: 20px;font-size:12px;}
.teammember-data .left {float: left; display: inline-block; min-width: inherit; width: 22%;margin-right:0;}

.nav--bar .link--logo{float:left;}
/*.start-kachel{max-height:200px;}
.start-img{max-height:200px;}*/


/*.kontaktfeld{position: fixed; bottom:100px; right:10px; z-index:999; padding:20px;}*/
.short_contact_btn { position: fixed; right: 5px; bottom: 5px; background: #fec44e; -webkit-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; writing-mode: vertical-rl; -webkit-text-orientation: upright; text-orientation: upright; padding: 5px; font-weight: 700; cursor:pointer; transition: all 0.3s ease; z-index:9999; width:30px; overflow:hidden; height:150px;}
.short_contact_btn:hover {background: #3E6FB6; color: #fff; transition: all 0.3s ease;}
.short_contact{position:fixed; bottom:5px; right:40px; background:#fec44e; padding:15px; width:500px; height: 215px; clip-path: polygon( 150px 0%, 0% 100%, calc(0% + 420px) 100%, 100% 100%, 100% 0% ); z-index:9999; height:150px;}
.short_contact h2{color:#000; font-size:18px; line-height:25px; padding-left: 225px; margin: 0;}
.contact_col_left{position: absolute; width: 150px; top: 15px; left: 100px;}
.contact_col_right{padding-left: 225px; margin-top: 10px;}
/*.contact_grid{display: -ms-grid; display: grid; -ms-grid-columns:120px 245px; -ms-grid-rows:130px; grid-template-columns: 1fr 2fr; padding-left: 110px; column-gap: 20px; align-items:center;}
.contact_col_left {align-items: center;-ms-grid-column: 1; -ms-grid-row: 1; }
.contact_col_right{ms-grid-column: 2; -ms-grid-row: 1;  }*/

/*.contact_grid{padding-left:70px;}
.contact_col_left { float: left; width: 150px;}
.contact_col_right{float: left; width: 250px; padding-top:15px;} */
.contact_img {width: 100px; height: 100px; border-radius: 50px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; margin:0 auto 2px;}
.contact_name{display:block; text-align:center; font-weight:500; }
.contact_info a { text-decoration: none; font-weight: 500; display: block; margin-bottom: 10px; transition: all 0.3s ease;}
.contact_info a:hover{color: #3E6FB6; transition: all 0.3s ease;}
.contact_close{cursor:pointer;}

.filter.w-rose{border-color:#f7c5c1;}
.w-rose:not(.filter){background-color: #f7c5c1;}
.button.w-rose-dark:hover{background-color:#f19b94;}
.w-rose-dark:not(h2):not(a){background-color: #f19b94;}

.button2{background-color: transparent; border: 2px solid #000;}
.button2:hover{background-color: #fff; color: #0e1520;}

.w-yellow .button2{background-color: #fec44e; border: 2px solid #000;}
.w-yellow .button2:hover{background-color: #fff; color: #0e1520;}
.w-blue .button2{background-color: #3e6fb6; border: 2px solid #000;}
.w-blue .button2:hover{background-color: #fff; color: #0e1520;}
.w-turquoise .button2{background-color: #46b9b3; border: 2px solid #000;}
.w-turquoise .button2:hover{background-color: #fff; color: #0e1520;}
.w-green .button2{background-color: #c1c02c; border: 2px solid #000;}
.w-green .button2:hover{background-color: #fff; color: #0e1520;}
.w-rose .button2{background-color: #f7ada8; border: 2px solid #000;}
.w-rose .button2:hover{background-color: #fff; color: #0e1520;}

.blue--edge{display:none;}

@font-face{font-family:'icomoon';src:url('/assets/resources/fonts/iconfont/icomoon.eot?-qk6xo1');src:url('/assets/resources/fonts/iconfont/icomoon.eot?#iefix-qk6xo1') format('embedded-opentype'),
url('/assets/resources/fonts/iconfont/icomoon.woff?-qk6xo1') format('woff'),
url('/assets/resources/fonts/iconfont/icomoon.ttf?-qk6xo1') format('truetype'),
url('/assets/resources/fonts/iconfont/icomoon.svg?-qk6xo1#icomoon') format('svg');font-weight:normal;font-style:normal;}

.contact_phone:before,
.contact_video:before,
.contact_mail:before,
.contact_close:before,
#merkzettel-ribbon .text-block:before {font-family: icomoon;speak: none; font-style: normal; font-weight: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-variant: normal;}

.contact_phone:before{content:'\e908'; font-size: 20px; vertical-align: bottom; margin-right: 10px; transform: scaleX(-1); display: block; float: left;}
.contact_video:before{content:'\e906'; font-size: 20px; vertical-align: bottom; margin-right: 10px;}
.contact_mail:before{content:'\e90a'; font-size: 20px; vertical-align: bottom; margin-right: 10px;}
.contact_close:before{content:'\ea0f'; font-size:14px; padding:5px; position:absolute; right:5px; bottom:5px; opacity:0.4;}
#merkzettel-ribbon .text-block:before {content:'\e903'; margin-right:5px; vertical-align:middle; font-size:16px;}

/* IE-ANPASSUNG */
.navigation {height: 130px; padding: 0 10%; z-index: 200; position: relative; display: grid; grid-template-columns: 20% 80%; -webkit-transform: translate(0,-80px); -ms-transform: translate(0,-80px);   transform: translate(0,-80px); transition: opacity 400ms ease 0s, transform 400ms ease 0s;}
.navigation.dark{height:70px; background-color: #0e1520; position:fixed; width:100%}
.navigation .logo{float:left;}
.navigation .logo img { width: 140px;}
.navigation.dark .logo{margin:12px 0;}
.navigation.dark .logo img{width:100px;}
.hauptmenu { display: flex; justify-content: flex-end; align-items: center; height: calc(100% - 18px);  margin: 0 30px;}
.dark .hauptmenu{margin:9px 0;}
.hauptmenu ul {list-style: none; display: flex;}
.hauptmenu .menuitem a, .hauptmenu .hassubmenu{display: inline-block; margin-right: 2px; padding: 9px 15px; text-decoration: none; color: #0e1520; font-size: 16px; font-weight: 500;}
.dark .hauptmenu a, .dark .hauptmenu .hassubmenu{color:#fff;}
.hauptmenu .menuitem a:hover, .hauptmenu .hassubmenu:hover {cursor: pointer; background: #fec44e;}
.dark .hauptmenu .menuitem a:hover, .dark .hauptmenu .hassubmenu:hover{color:#0e1520;}
.hauptmenu .active{background-color:rgba(209, 206, 212, 0.4);}
.hauptmenu .active a:hover{background-color:initial;}
.hauptmenu .hassubmenu span:after{font-family: "Font Awesome 5 Free"; content: "\f107"; font-weight: 900; margin-left: 5px; font-size: 15px;}
.hauptmenu .submenu { position: absolute; padding: 10px 0; background: #fff; box-shadow: 0 0 10px 1px rgba(0,0,0,.3); /*-webkit-transition: all .2s ease; transition: all .2s ease;*/ margin-top: 30px;display:block;}
.hauptmenu .submenu li.second a:hover, .nav--bar.dark li.second a:hover{background-color:#fff; color:#fec44e;}
nav ul{margin-bottom:0px;}
.hauptmenu .submenu li.second a, .nav--bar.dark li.second a{color:#0e1520; font-size:14px; line-height:20px; font-weight:400;}
.dark .merkzettel-div{top:23%;}
.navigation .nav--search {display: flex; margin-bottom: 0; float: right; align-items: center;}
.navigation .nav--search input[type=text]{display: block; width: 100%; height: 38px; padding: 8px 12px; line-height: 1.42857143; vertical-align: middle; border: 2px solid #0e1520; max-width: 140px;}
.navigation.dark .nav--search input[type=text]{border-color:#fff;background-color: #0e1520; color:#fff;}
.navigation .nav--search input[type=submit] { background-color: #0e1520; color: #fff; transition: all .2s ease; font-size: 14px; padding: 9px 15px; border: 0;line-height: inherit; text-decoration: none;  cursor: pointer;}
.navigation .nav--search input[type=submit] {background-color:#fff; color:#0e1520;}
#anfahrtbutton {
    margin-top: 10px;
    margin-bottom: 20px;
}

@media(min-width: 768px) and (max-width: 1023px){
	.w-col-3 {width: 50%;}
	.team-item.w-col-4{width:50%!important;}
	.collection-list-2 {width: calc(100% - 0px);display: block;}
	.team-content .w-col-3, .team-content2 .w-col-3 {width: 25%;}
}

@media (max-width: 1400px){
	#merkzettel-ribbon .text-block:before {display:none;}
}

@media (max-width: 1199px){
	.w-col-6.fact-label{width:25%;}
	.w-col-6.termine{width:25%;}
	h2.w-yellow-dark{margin-top:30px;}
	.teammember {width: calc(50% - 20px);}
}

@media(max-width: 1023px){
	/*.section-team{padding:80px 0; margin-left:20px;clear:both;}
	.section-team .div-content{padding:0 0 40px 0 !important;}
	.*/
	.buchung .container{display:block;}
	.buchung .zusammenfassung{margin-right:20px;}
	
	
	#aktiva-booking-form .w-col-7{width: 60%;clear:both;margin-bottom:10px;}
	#aktiva-booking-form .w-col-2{width: 40%;}
	#aktiva-booking-form .w-col-2 input{width: 180px;}
	#aktiva-booking-form .w-col-6{width: 60%;clear:both;margin-bottom:10px;}
	#aktiva-booking-form .w-col-3 {width: 40%}
	label.label-info { font-weight: 400; margin: 0 13px; font-size: 12px;}
	
	.w-col-6.fact-label{width:35%;}
	.w-col-6.termine{width:35%;}
	
}

@media(max-width: 991px){
	/* IE-ANPASSUNG */
	.navigation {padding: 10px 20px; margin: 0; display: block; height: 100px;}
	.navigation .logo, .navigation.dark .logo{float:left;margin: 12px 0;}
	.navigation #merkzettel-ribbon{margin-right: 70px;}
	.navigation .menu-button-2{padding:12px 0!important;}
	.navigation.dark .menu-button-2{padding:0!important;}
	.navigation.dark #responsivebtn{color:#fff;}
	.navigation #responsivebtn.active{color: #fec44e;}
	.hauptmenu{display:none;position: fixed;top: 100%; height: fit-content; background-color: rgba(14,21,32,.9);transform: translateY(0px) translateX(0px); transition: display 400ms ease 0s, opacity 400ms ease 0s, transform 400ms ease 0s;  margin: 0;width: calc(100% - 40px); padding-bottom:60px; }
	.dark .hauptmenu{margin:0}
	.hauptmenu ul{display:block;padding: 0; margin:0;}
	.hauptmenu .menuitem a, .hauptmenu .hassubmenu{color:#fff; width:100%}
	.hauptmenu .hassubmenu {padding: 0;}
	.hauptmenu .hassubmenu span{padding:9px 15px;display:block;}
	.hauptmenu .submenu {position: initial; padding: 0;margin:0;}
	.hauptmenu .hassubmenu .sub_active{background-color:: #fec44e;}
	.navigation .nav--search{float:initial; margin-left:15px;}
	.navigation .nav--search input[type=text]{border-color:#fff;background-color: #0e1520; color:#fff;}
	.navigation .nav--search input[type=submit] {background-color:#fff; color:#0e1520;}

	.short_contact{display:none;}
	
	#merkzettel-ribbon .text-block:before {display:inline-block;}
}

@media(max-width:799px){
	.merkzettel-input.links{width: calc(33.3333% - 20px);max-width: calc(33.3333% - 20px);}
	.button.rechts{margin:10px;float:initial;padding: 7px 20px;}
	.section-merkzettel{padding: 30px 2%;}
	.buchung .zusammenfassung{margin-right:0px;}
		.w-col-6.fact-label{width:50%;}
	.w-col-6.termine{width:50%;}
}

@media(max-width: 767px){
	/*.w-col-3 {width: 100%;}*/
	#aktiva-booking-form .w-col-6{width: 100%;}
	#aktiva-booking-form .w-col-3 {width: 100%}
	#booking-form .w-col-11 {width: 90%;}
	#booking-form .w-col-1 {width: 10%;}
	.teammember {width: calc(100% - 20px);}
}

@media(max-width: 619px){
	#aktiva-booking-form .w-col-7{width: 100%;}
	#aktiva-booking-form .w-col-2 {width: 100%}
	.checkoutform-item input{margin: 0; width: 100%;}
	label.label-info{margin:0px;}
	.merkzettel-input.links {width: calc(100% - 20px); max-width: calc(100% - 20px); margin: 5px 10px;}
	
	#booking-form .w-col-2{width:100%;}
	#booking-form .w-col-4{width:100%;padding:0;}
	#booking-form .w-col-6{width:100%;}
	#booking-form .w-col-8{width:100%;padding:0;}
	#booking-form .checkoutform-item .w-col-4{width:calc(30% - 10px); margin-right:10px;}
	#booking-form .checkoutform-item .w-col-4 img{width:100%;}
	#booking-form .checkoutform-item .w-col-6{width:70%;}
	#booking-form .checkoutform-item .w-col-2{width:70%;margin-top:10px;}
	#booking-form .checkoutform-item .w-col-2 input {width:180px;}

	.short_contact{clip-path: initial; width:400px; height: auto;}
	.short_contact h2, .contact_grid{padding-left:0;}
	
}

@media(max-width: 459px){
	#booking-form .checkoutform-item .w-col-6{width:100%;}
	#booking-form .checkoutform-item .w-col-2{width:100%;}
	#booking-form .checkoutform-item .w-col-4 {width: 50%;margin-bottom: 5px;}

	.short_contact{clip-path: initial; width:280px;}
	.contact_grid{grid-template-columns:1fr; gap:20px;}
	.contact_img{margin: 0 0 10px;}
	.contact_name{text-align:left;}
}

@media(min-width: 1024px){
	label.label-info {display:none;}
}