/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/

/* STANDARDS */
.whitecolor, .whitecolor h1, .whitecolor h2, .whitecolor h3, .whitecolor h4, .whitecolor p, .whitecolor span, .whitecolor ul, .whitecolor li,  .whitecolor a, .whitecolor a.button span { color: white; }
.whitecolor a { color: white !important; }
.whitecolor span.button, .whitecolor .wpcf7-submit { background: #52e978 !important; color: #fff !important; }
.whitecolor a.button:hover span, .whitecolor .largebgtext, .whitecolor span.button:hover, .whitecolor .wpcf7-submit:hover { background: #929292 !important; color: white !important; }
.whitecolor form input, .whitecolor form textarea { border-color: white; }
.whitecolor .coloredtext { color: #97A7AA; font-family: 'Passions-Conlict'; margin-bottom: 15px; }

.headlargetext { font-size: 175%; text-transform: uppercase; line-height: 125% !important; }
.headlargetext a { color: #111111 !important; }
.largetext { display: block; font-size: 135%; line-height: 130%; margin-bottom: 10px; }
.coloredtext { color: #c40d1e; text-transform: uppercase; }

span.button, .wpcf7-submit, .button-default .button, .button-flat .button, .button-round .button, .button-round input[type="submit"] { display: inline-block; padding: 20px 30px 18px 30px; background: #1d3849; color: white; font-size: 95%; line-height: 130%; margin: 5px; transition: all 0.1s ease-in-out 0.1s, visibility 0.2s ease-in-out; box-shadow: 0 0 30px rgba(0,0,0,0.2); width: 100%; text-align: center; font-size: 120%; text-transform: uppercase; border-radius: 0;}
span.button:hover, .wpcf7-submit:hover { background: #c40d1e; color: white; }
.wpcf7-submit { display: block; margin: 10px 15px; }

a { transition: ease-in-out 0.4s; }
a:hover { text-decoration: none !important; }

/* ---- BORDERBOXES ---- */
.borderboxes > .wpb_column { transition: opacity 0.2s ease-in-out 0.2s, visibility 0.2s ease-in-out; }
.borderboxes > .wpb_column > .vc_column-inner { background: white; padding: 0 0 20px 0; -webkit-box-shadow: 0 0 50px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 50px 2px rgba(0,0,0,0.2); box-shadow: 0 0 50px 2px rgba(0,0,0,0.2); border-radius: 30px; }
.borderboxes > .wpb_column > .vc_column-inner:hover {  }
.borderboxes > .wpb_column > .vc_column-inner .wpb_single_image .vc_single_image-wrapper, .borderboxes .wpb_column .vc_column-inner .wpb_single_image .vc_figure, .borderboxes .wpb_column .vc_column-inner img { width: 100%; }
.borderboxes > .wpb_column > .vc_column-inner .wpb_single_image img { border-radius: 30px 30px 0 0; }
.borderboxes > .wpb_column > .vc_column-inner h3 { margin-bottom: 20px; }
.borderboxes > .wpb_column > .vc_column-inner .wpb_text_column { padding: 0 30px; margin-bottom: 20px; }
.borderboxes > .wpb_column > .vc_column-inner .headlargetext { font-size: 125%; line-height: 120% !important; text-transform: none; }
.borderboxes > .wpb_column > .vc_column-inner .headlargetext strong { text-transform: uppercase; }
.borderboxes > .wpb_column > .vc_column-inner .headlargetext a { transition: opacity 0.2s ease-in-out 0.2s, visibility 0.2s ease-in-out; }
.borderboxes > .wpb_column > .vc_column-inner:hover .headlargetext a { color: #f18700 !important; }

.borderbox > .vc_column-inner { -webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 20px 2px rgba(0,0,0,0.2); box-shadow: 0 0 20px 2px rgba(0,0,0,0.2); }
.color-borderbox > .wpb_column > .vc_column-inner { border: 4px solid linear-gradient(45deg, #009d28, #52e978) ; }

/* HEADER */
#Top_bar .menu .header-cta > a, .header-cta:hover > a { color: #fff !important; }
.header-cta { background: #1d3849; transition: ease-in-out 0.4s;}
.header-cta:hover { background: #c40d1e; }
#Top_bar #logo { margin-left: -20px; }

#Top_bar.is-sticky #logo img.logo-sticky { max-height: 60px; background: #fff; padding: 10px 20px; border-radius: 40%; box-shadow: 0 3px 5px rgba(0,0,0,0.1); }
#Top_bar.is-sticky .logo { margin-left: -20px; }
#menu-item-64 { margin-right: 20px !important; }
#Top_bar.is-sticky { box-shadow: unset !important; }
#Top_bar.is-sticky .top_bar_left { border-bottom: solid 1px #1d3849 ; box-shadow: 0 2px 20px rgba(0,0,0,0.1); }

#Top_bar .menu > li > a span:not(.description) { padding: 0 15px; }
#Top_bar .menu > li { text-transform: uppercase; }

#Top_bar .menu li ul li a { border-bottom: none; font-size: 15px; }

.ult-ib-effect-style14 .ult-new-ib-desc { text-align: center; top: 50%; bottom: 50%; }
.ult-ib-effect-style14 .ult-new-ib-desc::before { border: unset !important; }
.ult-ib-effect-style14 .ult-new-ib-desc h2 { font-size: 180%; opacity: 0; }
.ult-ib-effect-style14:hover .ult-new-ib-desc h2 { opacity: 1; }

.ult-new-ib-desc ul li { margin-bottom: 0; }
.ult-new-ib-desc ul { color: #fff !important; font-size: 75%; line-height: 14px;}

/* FOOTER */
.mfn-footer .footer_copy { border-top: none !important; }
#Footer { background: url(https://webdev.altenberger-hof.de/wp-content/uploads/signet-color-heller.png); background-color: #1d3849; background-repeat: no-repeat; background-size: 30%; background-position: 20% 106%; background-attachment: fixed; }

/* LAYOUT */
.classic-reihe { padding: 50px 0; }

h1,h2,h3,h4 { text-transform: uppercase; }

/* SPEZIFISCH */
/* Promoboxen */
.ult-ib-effect-style15 .ult-new-ib-title { left: 0 !important; right: 100%; font-size: 160%; font-weight: 700; text-transform: uppercase; width: 100%; text-align: left; text-shadow: 0 0 10px rgb(0, 0, 1); }
.ult-ib-effect-style15 .ult-new-ib-content { width: 100%; border-right: none; position: relative; top: 0%; text-align: left; font-size: 100%; padding-left: 10px; }
.ult-new-ib-content p.beschreibung { line-height: 80%; }

/* Header */
.headerbox.hotel { background: linear-gradient(45deg, #86772685, #ce48485e), url(https://webdev.altenberger-hof.de/wp-content/uploads/hotel-altenberger-hof-restaurant-koeln-Einzel.jpg) !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: bottom !important; background-attachment: fixed !important; height: 480px; }
.headerbox.gastro { background: linear-gradient(45deg, #86772685, #ce48485e), url(https://webdev.altenberger-hof.de/wp-content/uploads/St-markus-restaurant-altenberger-hof-hotel-odenthal-koeln.jpg) !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: bottom !important; background-attachment: fixed !important; height: 480px; }
.headerbox.team { background: linear-gradient(45deg, #86772685, #ce48485e), url(https://webdev.altenberger-hof.de/wp-content/uploads/hotel-altenberger-hof-rezeption-restaurant-odenthal-koeln.jpg) !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: bottom !important; background-attachment: fixed !important; height: 480px; }
.headerbox.umgebung { background: linear-gradient(45deg, #86772685, #ce48485e), url(https://webdev.altenberger-hof.de/wp-content/uploads/Odenthal_Altenberger_Dom_Thomas_B.jpg) !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: bottom !important; background-attachment: fixed !important; height: 480px; }
.headerbox.tagung { background: linear-gradient(45deg, #86772685, #ce48485e), url(https://webdev.altenberger-hof.de/wp-content/uploads/hotel-altenberger-hof-restaurant-odenthal-koeln-Burgundersaal-oben.jpg) !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: bottom !important; background-attachment: fixed !important; height: 480px; }
.headerbox.Rahmenprogramme { background: linear-gradient(45deg, #86772685, #ce48485e), url(https://webdev.altenberger-hof.de/wp-content/uploads/Altenberger_Kultursommer.jpg) !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: bottom !important; background-attachment: fixed !important; height: 480px; }
.headerbox.wilkommen { background: linear-gradient(45deg, #86772685, #ce48485e), url(https://webdev.altenberger-hof.de/wp-content/uploads/hotel-altenberger-hof-rezeption-restaurant-odenthal-koeln-romantik.jpg) !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: bottom !important; background-attachment: fixed !important; height: 480px; }


.headerbox .signet-reihe { content: url(https://webdev.altenberger-hof.de/wp-content/uploads/signet-altenberger-hof.svg); position: absolute; bottom: -50px; right: 0; width: 220px; background: #fff; border-radius: 50%; padding: 30px; height: 200px; margin-bottom: -20px; padding-top: 0;  }
.headerbox h1 { text-shadow: 0 0 30px rgba(0, 0, 0, 0.7); font-size: 360%; }

body .zimmer-header { height: 520px; background-attachment: fixed; background-position: 60% 80% !important; box-shadow: inset 0 -50px 80px rgba(0,0,0,0.6); }
.details-box { padding: 30px; }
.zimmer-titel .coloredtext, .zimmer-titel h1 { text-transform: uppercase; }

.gallery .gallery-item { padding-left: 10px; padding-right: 10px; margin: 0; padding-bottom: 20px; }
.gallery .gallery-item .gallery-icon { border: solid 2px #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 0 30px; transition: ease 0.3s;  }
.gallery .gallery-item .gallery-icon:hover { border-radius: 30px 0; }

.sternliste ul { list-style: none !important; }
.sternliste ul li:before { content:'★'; margin-right: 6px }
.hakenliste ul { list-style: none !important; }
.hakenliste ul li:before { content:'✓'; margin-right: 6px }

.hinweisbox .wpb_wrapper p { padding: 10px; display: inline; background: #EAEAEA; }

.border-r-right img { border-radius: 0 30px !important; }
.border-r-left img { border-radius: 30px 0 !important; }
.front { position: relative; z-index: 999; }
.wpb_single_image .vc_single_image-wrapper.vc_box_shadow { box-shadow: unset !important; }
.wpb_single_image .vc_single_image-wrapper.vc_box_shadow img { box-shadow:0 0 50px rgba(0,0,0,0.2) !important; }

.text-box-bild .vc_column-inner { padding-top: 30px !important; padding: 30px !important; background-color: #FFFFFF !important; position: relative; z-index: 999 !important; border-radius: 30px 0; border-left: solid 2px #1d3849; box-shadow: 0 0 50px rgba(0,0,0,0.1); }

.teambox a { font-size: 80%; }
.teambox .vc_column-inner { border: solid 2px #1d3849; border-radius: 30px 0; padding: 20px; }
.teambox .wpb_text_column { margin-bottom: 0; }

.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading { background-color: unset !important; border: unset !important; padding: 20px 0; }
.vc_tta-panels-container .vc_tta-panel { border-bottom: solid 1px #1d3849 !important;  }
.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading span.vc_tta-title-text { font-size: 240%; color: #1d3849; }
.vc_tta.vc_tta-style-modern .vc_tta-panel-body { padding: 10px 0 30px 0 !important; }

#Vorspeisen .vc_tta-panel-heading:hover { background: url("https://webdev.altenberger-hof.de/wp-content/uploads/AdobeStock_220224603.jpeg") ; background-size: cover; background-position: center; }
#Hauptgang .vc_tta-panel-heading:hover { background: url("https://webdev.altenberger-hof.de/wp-content/uploads/AdobeStock_972518500.jpeg") ; background-size: cover; background-position: center; }
#Regional .vc_tta-panel-heading:hover { background: url("https://webdev.altenberger-hof.de/wp-content/uploads/AdobeStock_55362735.jpeg") ; background-size: cover; background-position: center; }
#Dessert .vc_tta-panel-heading:hover { background: url("https://webdev.altenberger-hof.de/wp-content/uploads/AdobeStock_646283228.jpeg") ; background-size: cover; background-position: center; }
#Spargel .vc_tta-panel-heading:hover { background: url("https://webdev.altenberger-hof.de/wp-content/uploads/asparagus-700124_1280.jpg") ; background-size: cover; background-position: center; }

.vc_tta-panel .vc_tta-panel-heading:hover span.vc_tta-title-text, .vc_tta-panel .vc_tta-panel-heading:hover .vc_tta-controls-icon { color: #fff !important; }
.vc_tta-color-grey.vc_tta-style-modern .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, .vc_tta-color-grey.vc_tta-style-modern .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before, .vc_tta-color-grey.vc_tta-style-modern .vc_tta-controls-icon::after, .vc_tta-color-grey.vc_tta-style-modern .vc_tta-controls-icon::before { border-color: #1d3849; transform: scale(2) !important; }
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon { right: 30px; }

#kulinarische-events .vc_tta-panel .vc_tta-panel-heading:hover span.vc_tta-title-text, #kulinarische-events .vc_tta-panel .vc_tta-panel-heading:hover .vc_tta-controls-icon { color: #1d3849 !important; }
#kulinarische-events .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title > a { font-weight: 700; color: #1d3849 !important; }

/* RESPONSIVE */
@media only screen and (max-width: 768px) {
.header-cta	{ background: #6c0912; }

#Footer { background: url(https://webdev.altenberger-hof.de/wp-content/uploads/signet-color-heller.png); background-color: #1d3849; background-repeat: no-repeat; background-size: 100%; background-position: 20% 106%; background-attachment: fixed; }

	.headerbox .signet-reihe { width: 180px; height: 160px;  }
	.headerbox h1 { line-height: 110%; }
	body .headerbox { padding-top: 40px !important; }
	.ult-ib-effect-style14 .ult-new-ib-desc h2, .ult-ib-effect-style14 .ult-new-ib-content, .ult-ib-effect-style14 .ult-new-ib-desc::before { opacity: 1; }
	#Top_bar.is-sticky .logo { margin-left: 15px !important; }
	body .border-r-right { margin-right: 0px !important;   }
	body .border-r-left { margin-top: 0px !important;   }
	body #gastro-text-head { padding-top: 40px !important; }
}