/*
 Theme Name:   sommer
 Theme URI:    http://example.com/twenty-Sixteen-child/
 Description:  sommer Theme
 Author:       Logan
 Author URI:   http://example.com
 Template:     twentysixteen
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-Sixteen-child
*/

/* kalender front page */
a, a:link { color: #000; text-decoration: underline;}
body:not(.custom-background-image):before,
body:not(.custom-background-image):after { height: 0; }
div.site-info { display: none; }
span.site-title { display: none; }
strong { font-weight: 600; }
hr { margin: 1.75em 0 ; }
#page.site { position: relative; margin: 0; }
#page.site { background: #073356 url("/wp-content/uploads/2025/06/bg-image-scaled.jpg") no-repeat center bottom;  background-size: 100%; max-width: 100%; }
#main.site-main { min-height: 1500px; margin: 0;}
.no-sidebar .entry-content { margin: 0; }
.clearfix::after { content: ""; clear: both; display: table; }
.textwidget.custom-html-widget { color: white; }
.textwidget.custom-html-widget a { color: white; }
.widget_text.widget.widget_custom_html { border-top: 4px solid white; }

.brand-container { background-color: rgba(0, 0, 0, 0);; display: flex; justify-content: center; min-height: 80px; }
.brand-wrapper { display: flex; flex-direction: row; justify-content: center; max-width: 1320px; padding: 10px 0; width: 100%; }

.header-container { margin: 0 15%; }
.headline-container { margin-top: 2%; width: 100%; }
.headline-container img { max-width: 60%; display: block; margin: 60px auto; }

.lead-claim h1 { text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff, -3px 3px 2px #a68d27; }
.lead-claim p { font-size: 1.5em; }
.lead-up { text-align: center; }

.logo-container { display: flex; justify-content: center; height: 200px; margin-top: 0; }
.logo-location { color: white; font-weight: 600; font-size: 100%; }
.logo-wrapper { text-align: center; margin-left: 1em; }
.logo-wrapper img { height: 100%; }

.mg_item_text p.product-title { font-size: 1.2rem!important; font-weight: 600; text-align: left; margin-bottom: 1em; line-height: normal; }
.mg_item_text p.product-desc-text { text-align: left; hyphens: none;}

.product-container { width: 100%; margin-top: 20px;}
.product-identity { margin-bottom: 2em;}
.product-wrapper { display: flex; justify-content: space-between; }
.product-left, .product-right { flex: 1; }
.product-desc { position: relative; }
.product-image { width: 100%; height: auto;}
.product-desc::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.product-text { max-width: 80%; }
.currently-closed { margin-top: 20px; }

.site-header { margin: 0; padding: 0; }
.title { font-family: 'Roboto'; color: white; font-size: 4vw!important; text-align: center; }

#masthead { display: none; }

.mgom_eye_icon span {
	font-family: "Font Awesome 5 Free",Fontawesome!important;
}

.mg_grid_18 { background-color: rgba(244, 244, 244, 0.5); border-radius: 20px; }

.date-badge { position: absolute; left: 0; right: 0; margin-inline: auto; padding-top: 40%; width: fit-content; color: #bd1d1d; display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; font-size: 1.5em; font-weight: 600; font-family: 'Hobo Std', Arial, Tahoma, sans-serif; text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff; }

/*.mgi_thumb_wrap { filter: blur(10px); }/

/* media grid modulo */

.daily-message-text-wrapper { margin-bottom: 30px; }
.daily-message-text-wrapper p { margin: 0; }
.daily-message-text-wrapper h2 { line-height: 1em!important; }
.desc-text { padding: 0 60px; }

.form-small-text span.wpcf7-list-item-label { color:#adadad; }
.form-vorteil { color:#adadad; }
.mg_item_text .daily-event-winner h3 { margin: 0!important; }
.mg_item_content.mg_lb_txt_fx { padding: 0 4em!important; }

.mg_box_inner { background: 0!important; }
.mg_box:not(.mg_spacer) .mg_box_inner { box-shadow: none!important; }

#mg_lb_inside_nav { display: none; }
#mg_lb_wrap { background-color: rgba( 5, 51, 86, 0.1 )!important; }
#mg_lb_wrap * { box-sizing: border-box!important; }
#mg_lb_wrap #mg_lb_contents .mg_lb_layout.mg_layout_full.mg_lb_lb_text h1 { font-size: 3rem; text-align: center; }
#mg_lb_wrap #mg_lb_contents .mg_lb_layout.mg_layout_full.mg_lb_lb_text h2 { font-size: 2rem; line-height: 1.5em; text-align: center; }

#mg_lb_contents { border-radius: 20px!important; color: white!important; padding: 80px 40px 20px!important; }
#mg_lb_contents h1 { color: #000; }
#mg_lb_contents .mg_lb_layout.mg_layout_full.mg_lb_lb_text { background-color: white; border-radius: 20px; color: #000; padding: 20px; }

.mg_item_text h3 { font-size: 1.5rem!important; text-align: center; margin-top: 20px!important; }
.mg_item_text p { font-size: 1rem!important; text-align: center; line-height: 1.5; }
.mg_item_text span { font-size: 1rem!important; }
.mg_item_title { display: none; }
#mg_full_overlay * { box-sizing: border-box !important; }

.mg_lb_shown { background-color: #215a7e !important; }

.mg_item_text .site-brand-logo img { display: block; width: 20em; margin: 0 auto; }
.site-event-grid { margin-top: 2%; }
.skip-link { display: none!important; }

.web-address { text-align: center; font-weight: 600; font-size: 24px; margin-top: 30px; }

/* Entry form */
.acceptance-checkbox-wrapper .wpcf7-list-item .wpcf7-list-item-label a { text-decoration: underline; }
.acceptance-checkbox-wrapper .wpcf7-list-item .wpcf7-list-item-label a:hover { font-weight: 550; }

.wpcf7 .wpcf7-form-control-wrap input { border: 0; }

input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, select:focus, textarea:focus { background-color: #f7f7f7 !important; }

.wpcf7-form { align-content: center; background-color: #fff; color: #adadad!important; margin: 0px auto; padding: 10px; }
.wpcf7-form h2 { padding: 0;  color: #000!important; text-transform: uppercase; }
.wpcf7-form p { margin: 20px !important; text-align: left; }
.wpcf7-form p input[type=submit] { text-align: center; }
.wpcf7-form .form-street { display: inline-block; width: 70%; margin-right: 1em; }
.wpcf7-form .form-hausnr { display: inline-block; width: 25%; }
.wpcf7-form .form-ort { display: inline-block; width: 70%; }
.wpcf7-form .form-plz { display: inline-block; width: 25%; margin-right: 1em; }
.wpcf7-form .form-vorteil .wpcf7-list-item { margin-top: 1em; }
.wpcf7-submit { background: #FFDE11 !important; color: black !important; display: block; font-size: 1.5em; margin: 3em auto 0; text-transform: none !important; }

@media only screen and (min-width: 768px) and (max-width: 1239px) {

	.icon-box-img-wrapper { margin-bottom: 1em; }
	.title-bg-image { display: none; }

	.mg_item_content.mg_lb_txt_fx { padding: 0!important; }

	.wpcf7-form p { margin: 10px 0!important; }
	.wpcf7-form .form-street { width: 69%; }
	.wpcf7-form .form-ort { width: 69%; }
}

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

	.logo-wrapper { width: 50%; }
	.logo-wrapper.chiem24 img { width: 95%; }
	.logo-wrapper.bgl24 img { width: 80%; }
	.brand-image { width: 40%; padding-right: 30px; }
	#mg_lb_contents { width: 95%!important; padding: 50px 20px 20px!important; }
	.wpcf7-form h1 { line-height: 1em; font-size: 10vw!important; }
	.logo-wrapper { width: 30vw; }
	.headline-container img { max-width: 100%; display: block; margin: 0 auto 40px; }

	.claim-container { max-width: none; }
	.title-bg-image { display: none; }

	.header-deko-left { display: none; }
	.header-deko-right { display: none; }

	.mg_item_content.mg_lb_txt_fx { padding: 0!important; }

	.mg_box.mgi_mg_spacer_19 { display: none; }

	.product-identity { display: block; margin: 0 auto 2em; }
	.product-image { display: block; margin: 0 auto; }
	.product-wrapper { flex-direction: column; }
	.mg_item_text p.product-title { text-align: center; }
	.mg_item_text p.product-desc-text { text-align: center; }
	.product-text { max-width: 100%; }

	.wpcf7-form p { margin: 10px 0!important; }
	.wpcf7-form .form-street { width: 62%; margin-right: 10px;}
	.wpcf7-form .form-hausnr { width: 30%; }
	.wpcf7-form .form-ort { width: 67%; }
	.wpcf7-form .form-plz { width: 20%; margin-right: 10px; }
}

@media screen and (min-width: 44.375em) {
	.entry-content { margin-right: 7.6923%; }
}

@font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat-Italic.woff2') format('woff2'), url('Montserrat-Italic.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat-ExtraBold.woff2') format('woff2'), url('Montserrat-ExtraBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat-Bold.woff2') format('woff2'), url('Montserrat-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat-Light.woff2') format('woff2'), url('Montserrat-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat-ExtraLight.woff2') format('woff2'), url('Montserrat-ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat-Black.woff2') format('woff2'), url('Montserrat-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat-BlackItalic.woff2') format('woff2'), url('Montserrat-BlackItalic.woff') format('woff'); font-weight: 900; font-style: italic; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat-ExtraLightItalic.woff2') format('woff2'), url('Montserrat-ExtraLightItalic.woff') format('woff'); font-weight: 200; font-style: italic; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat-ExtraBoldItalic.woff2') format('woff2'), url('Montserrat-ExtraBoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat-BoldItalic.woff2') format('woff2'), url('Montserrat-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat-ThinItalic.woff2') format('woff2'), url('Montserrat-ThinItalic.woff') format('woff'); font-weight: 100; font-style: italic; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'), url('Montserrat-SemiBoldItalic.woff') format('woff'); font-weight: 600; font-style: italic; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat-SemiBold.woff2') format('woff2'), url('Montserrat-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat-MediumItalic.woff2') format('woff2'), url('Montserrat-MediumItalic.woff') format('woff'); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat-Thin.woff2') format('woff2'), url('Montserrat-Thin.woff') format('woff'); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat-Regular.woff2') format('woff2'), url('Montserrat-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Numans'; src: url('fonts/Numans-Regular.woff2') format('woff2'), url('Numans-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat-Medium.woff2') format('woff2'), url('Montserrat-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat-LightItalic.woff2') format('woff2'), url('Montserrat-LightItalic.woff') format('woff'); font-weight: 300; font-style: italic; font-display: swap; }

@font-face { font-family: 'Hobo Std'; src: url('fonts/HoboStd.woff2') format('woff2'), url('fonts/HoboStd.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }

html, body, div, span:not(.ab-icon, .date-badge), applet, object, iframe, p, blockquote, pre, abbr, acronym, address, cite, code, del, dfn, em, input, input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, ins, kbd, q, s, samp, strike, strong, tt, var, b, u, center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, #menu { font-family: 'Montserrat', Arial, Tahoma, sans-serif !important; }


.entry-content h1 { font-family: 'Montserrat', Arial, Tahoma, sans-serif; font-size: 2em; font-weight: 700; }
.site-header h2 { font-family: 'Montserrat', Arial, Tahoma, sans-serif; font-size: 1.5em; font-weight: 500; line-height: 1.2; }
.entry-content h2 { font-family: 'Montserrat', Arial, Tahoma, sans-serif; font-size: 1.3em; font-weight: 500; }
.entry-content h3 { font-family: 'Montserrat', Arial, Tahoma, sans-serif; font-size: 1em; font-weight: 400; }
.entry-content h4 { font-family: 'Montserrat', Arial, Tahoma, sans-serif; font-size: 1em; font-weight: 200; }
.entry-content h5 { font-family: 'Montserrat', Arial, Tahoma, sans-serif; font-size: 1em; font-weight: 200; }
.entry-content h6 { font-family: 'Montserrat', Arial, Tahoma, sans-serif; font-size: 1em; font-weight: 200; }

.site-header p { font-size: 1.2em; line-height: 1.2; padding-top: 1em; margin-bottom: 0; }

.mgom_eye_icon span { font-family: "Font Awesome 5 Free",Fontawesome!important;}