.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-1436fc9:#FFFFFF;--e-global-color-bebc536:#3C8C9F;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Bakbak One";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{    text-shadow: black 1px 1px 0px;;border-color:#313f4b;background-color:transparent;color:var( --e-global-color-1436fc9 );background-image:radial-gradient(at top right, var( --e-global-color-primary ) 22%, var( --e-global-color-bebc536 ) 98%);border-radius:6px 6px 6px 6px;padding:3px 10px 3px 10px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.site-header{background-color:transparent;padding-inline-end:0px;padding-inline-start:0px;background-image:radial-gradient(at center center, var( --e-global-color-primary ) 0%, #216F90 77%);}.site-footer{background-color:transparent;background-image:radial-gradient(at bottom left, #095F74 0%, #12B0F2 100%);}.elementor-kit-6 a{text-decoration:underline;}.elementor-kit-6 label{font-weight:bold;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding .site-logo img{width:250px;max-width:250px;}.site-header .site-navigation ul.menu li a{color:#F9FFFF;}.site-header .site-navigation-toggle .site-navigation-toggle-icon{color:#052D37;}.site-header .site-navigation-toggle{background-color:#1E2F45;}.site-header .site-navigation .menu li{font-size:14px;font-weight:600;line-height:1px;}footer .footer-inner .site-navigation a{color:var( --e-global-color-1436fc9 );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.site-footer .copyright p{color:#FFFFFF;font-family:"Arial", Sans-serif;font-size:12px;font-weight:500;text-shadow:0px 0px 10px rgba(12.732308959960926, 8.266775076263373, 8.266775076263373, 0.3);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.inputs{height: 20px;
    width: 20px;
    vertical-align: middle;
    margin: 4px 2px 4px 25px;;}
    #content{min-height:500px;}
#site-footer{position:relative;bottom:0px;width:100%;}
 #menu-submenu li a {
    color: white !important;
    font-weight: 400;
    font-size: 14px;
}/* End custom CSS */

div#bruger_forside {
    min-height: 70vh;
}
.mediumbutton{
    padding: 4px 10px; height:22px;
}

.mysmallbutton{    text-shadow: white 1px 1px 2px!important;;position:relative !important;top:-2px !important;margin-left:5px !important;border-radius: 2px 2px 2px 2px; padding: 0px 5px 0px 5px !important;font-size: 10px;border: 1px solid #3F51B5;color:#000!important;box-shadow: 1px 1px 2px 0px #00000096;}
.betalbutton{    text-shadow: white 1px 1px 2px!important;;position:relative !important;top:-2px !important;margin-left:5px !important;border-radius: 2px 2px 2px 2px; padding: 0px 5px 0px 5px !important;font-size: 10px;border: 1px solid #3F51B5;color:#000!important;background-image: radial-gradient(at center center, #b0fa5a 22%, #4CAF50 100%)!important;margin-left:5px;box-shadow: 1px 1px 2px 0px #00000096;}
 .abonnementbutton{    text-shadow: white 1px 1px 2px!important;;position:relative !important;top:-2px !important;margin-left:5px !important;border-radius: 2px 2px 2px 2px; padding: 0px 5px 0px 5px !important;font-size: 10px;border: 1px solid #3F51B5;color:#000!important;background-image: radial-gradient(at top left, #5acbfa8a 22%, #0da8bd 100%) !important;margin-left:5px;box-shadow: 1px 1px 2px 0px #00000096;}
.betalbutton_disabled{    text-shadow: white 1px 1px 2px!important;;position:relative !important;top:-2px !important;margin-left:5px !important;border-radius: 2px 2px 2px 2px; padding: 0px 5px 0px 5px !important;font-size: 10px;border: 1px solid #3F51B5;color:#000!important;background-image: radial-gradient(at center center, #ccc 22%, #ddd 100%)!important;box-shadow: 1px 1px 2px 0px #00000096;}
.skiftbutton{    text-shadow: white 1px 1px 2px!important;position:relative !important;top:-2px !important;margin-left:5px !important;border-radius: 2px 2px 2px 2px; padding: 0px 5px 0px 5px !important;font-size: 10px;border: 1px solid #3F51B5;color:#000!important;background-image: radial-gradient(at center center, #FFEB3B 22%, #FF9800 100%) !important;margin-left:5px;box-shadow: 1px 1px 2px 0px #00000096;}
.bruger_forside_button{text-shadow: black 1px 1px 2px;margin-right:5px;float:right;background-image: radial-gradient(at top right, #afe6fd 30%, var(--e-global-color-bebc536) 100%);box-shadow: 1px 1px 2px 0px #00000096;}
.red_button{    text-shadow: black 1px 1px 2px!important;;background-image: radial-gradient(at top right, #F44336 52%, #a7033b 100%)!important;color:#ffffff !important;margin-top:2px;box-shadow: 1px 1px 2px 0px #00000096;}
.ui-datepicker{margin:0 auto !important;}
.blue_button {/*background-image: radial-gradient(at top right, var(--e-global-color-primary) 52%, #b5e8f4 100%)!important;*/}

.tooltip {
  position: relative; /* Container needs relative positioning */
  display: inline-block;
  /*border-bottom: 1px dotted black; /* Optional styling for the hover element */
  cursor: pointer; /* Changes cursor to a question mark */
}

.tooltip .tooltiptext {
  visibility: hidden; /* Hide by default */
  width: 200px;
  background-color: #3C8C9F; /* Black background */
  color: #fff; /* White text */
  text-align: left;
  padding: 5px 10px;
  border-radius: 6px;

  /* Position the tooltip */
  position: absolute;
  z-index: 10;
  bottom: 120%; /* Position above the hover element */
  left: 50%;
  margin-left: -100px; /* Center the tooltip (half of width) */
  opacity: 0;
  transition: opacity 0.3s; /* Add a smooth fade transition */
}

.tooltip:hover .tooltiptext {
  visibility: visible; /* Show on hover */
  opacity: 1;
    font-size: 16px;
    line-height: 1.7;
}
.tooltipwarning {background-color: #cf052b!important; /* Black background */}
.infodivbox{float:left;height:10px;width:10px;border:1px solid black;}
.infospan{margin:0 5px;float:left;line-height:0.9;font-size:14px;}
.infoheadline{display:inline-block;font-weight:bold;padding:15px 0;text-decoration:underline;text-decoration-color:#8080808c;}
.dinevalgbox{background-color: #3ca5ff70;padding: 5px 8px;border-radius: 6px;border: 1px solid black;}
.spaerring{height:100%;border-radius:1px;width:100%;border:1px solid black;background-color:#5a889a;text-align:center;color:#e8f2f6;font-size:12px;line-height:2.3}
.mcp{height:100%;border-radius:1px;width:100%;border:1px solid black;background-color:#a37a0591;text-align:center;color:#e8f2f6;font-size:12px;line-height:2.3}
#dinevalg{background-color: #b8deed91;border: 1px solid black;padding: 5px 8px;border-radius: 6px;color: black;}
.mcp_egen{background-color:#a37a05;}
.elementor-field-label {cursor: pointer;color: #fff;}

.entry-title{color:#ffffff;text-shadow: 4px 4px 5px #000000;}
.site-navigation-dropdown ul.menu li.current-menu-item a {background: #55595c73;color: #100e0e;}
button.elementor-button.elementor-size-sm, input#navn, input#password {box-shadow: 3px 3px 3px #000000;}
    @media (max-width: 600px) {
        #logindnavn {
            padding-left:33px; /* 1 column on small screens */
        }
klokkeslet{font-size:11px;padding-right:1px;}

    }
@supports (-webkit-touch-callout: none) {
/* Styles for iOS devices */#reserverid{display:none;}
}
/*
Theme Name: Kravlegaard - custom theme (child)
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1762514210
Updated: 2025-11-07 11:16:50
*/