@font-face 
{
  font-family: Open Sans;
  src: url(https://www.vulkanwetter.de/fonts/OpenSans-Regular.ttf);
}
@font-face 
{
  font-family: Open Sans;
  src: url(https://www.vulkanwetter.de/fonts/OpenSans-Light.ttf);
  font-weight: 300;
}

h1, h1 a {
  color: rgb(0,182,255);
  font-size: 38px;
}

h2, h2 a {
  color: rgb(0,182,255);
  font-size: 32px;
}

h3, h3 a {
  color: rgb(0,182,255);
  font-size: 26px;
  font-weight: 300;
}

body {
  color: #333333;
  background-image: url(https://www.vulkanwetter.de/wp-content/uploads/2022/06/IMG_20210616_160731-scaled.jpg);
  /* background-image: url(https://www.vulkanwetter.de/wp-content/uploads/2024/11/DSCF5143-scaled.jpg); */
  background-position: bottom;
  background-attachment: fixed;
  background-repeat: repeat
}

@media only screen and (min-width: 769px) {
body {
  background-size: cover;
}
}

/* Werbung auf Smartphones */
.responsive_ad {
  align: center !important;
  margin: 0 auto !important;
  width: 320px;
  height: 151px;
}

/* Werbung auf Tablets, Notebooks oder Netbooks */
@media(min-width: 500px) {
.responsive_ad {
  align: center !important;
  margin: 0 auto !important;
  width: 468px;
  height: 60px;
}
}

/* Werbung am PC */
@media(min-width: 1385px) {
.responsive_ad {
  align: center !important;
  margin: 0 auto !important;
  width: 728px;
  height: 90px;
}
}

.site-header 
{
  background-color: rgba(255,255,255,0.8);
  box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}

@media screen and (min-width: 769px) and (max-width: 1150px) {
.site-header .header-image {
    /*width: 36%;*/
    margin: 0px auto;
    display: block;
    position: relative;
}
}

@media only screen and (max-width: 768px) {
.site-header .header-image {
    width: 75%;
    left: 14px;
    position: absolute;
    top: 12px;
}
}

@media only screen and (min-width: 1350px) {
.inside-header {
  padding: 25px;
}
}

@media only screen and (max-width: 1349px) {
.inside-header {
    padding: 16px;
    min-height: 135px;
}
}

@media only screen and (max-width: 1050px) {
.inside-header {
    padding: 16px;
    min-height: 180px;
}
}

@media only screen and (max-width: 768px) {
.inside-header {
    padding: 16px;
    min-height: 50px;
}
#menu-hauptmenue
{
  width: 185px;
}
}

@media only screen and (min-width: 769px) {
#menu-item-1383 {
  display: none;
}
}

.menu-toggle .mobile-menu {
  display: none;
}

.menu-toggle {
  font-size: 26px;
  margin-top: 12px;
}

.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul ul li.sfHover:not([class*="current-menu-"]) > a
{
  border-radius: 10px!important;
}

@media only screen and (max-width: 768px) {
.main-navigation .main-nav ul li.menu-item > a {
    background-color: rgba(0,182,255,0.9);
}

.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items
{
  color: #fff!important;
}

.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul ul li.sfHover:not([class*="current-menu-"]) > a {
  color: rgb(0,182,255)!important;  
}
}

@media only screen and (min-width: 769px) 
{
  .main-navigation 
  {
      background-color: transparent;
  }
  
  .main-navigation ul ul 
  {
    background-color: rgb(0,182,255)!important;
    width: 170px;
    border-radius: 10px;
  }

  
  .main-nav ul ul li a
  {
    border-radius: 10px;
  }
}

.main-navigation
{
  float: right;
  position: absolute;
}

@media screen and (min-width: 768px) and (max-width: 1150px)
{
.main-navigation
{
  top: 105px;
  right: 48px;
}
}

@media only screen and (max-width: 769px) {
.main-navigation
{
  top: 0px;
  right: 0px;
}
}

@media only screen and (min-width: 1151px) and (max-width: 1649px) {
.main-navigation
{
  top: 3%;
  right: 48px;
}
}

@media only screen and (min-width: 1650px) {
.main-navigation
{
  top: 30px;
  right: 48px;
}
}

.site-info 
{
   background-color: rgba(0,182,255,0.9);
}

.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items {
    color: #333;
}

@media only screen and (min-width: 769px) {
.main-navigation .main-nav ul li[class*="current-menu-"] > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a
  {
  background-color: rgb(0,182,255);
  text-shadow: 1px 1px 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  }
}
  
.main-navigation .main-nav ul ul li[class*="current-menu-"] > a, .main-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover > a
  {
  background-color: rgb(0,182,255);
  text-shadow: 1px 1px 6px rgba(0,0,0,0.3);
  }

.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul ul li.sfHover:not([class*="current-menu-"]) > a
{
  background-color: rgb(255,255,255);
  color: rgb(0,182,255);
  text-shadow: 0px 0px 1px rgba(0,0,0,0.3);
}

.main-navigation .main-nav ul ul li a
{
  background-color: rgb(0,182,255);
  text-shadow: 1px 1px 6px rgba(0,0,0,0.3);
  padding: 16px;
}
  
  
.main-navigation a {
  font-size: 16px;
}

.main-navigation ul ul {
    background-color: transparent;
}

@media only screen and (max-width: 768px) {
 .main-navigation .main-nav ul ul li a {
  font-size: 16px;
  padding: 16px 16px 16px 32px;
}   

.main-navigation, .main-navigation ul ul {
    background-color: rgba(0,182,255,0.9);
    height: 82px;
}
/* Wenn mobil ausgeklappt  */
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a
{
  background-color: rgb(255,255,255);
  color: rgb(0,182,255)!important;
}
}
  
  @media only screen and (max-width: 768px) {
#right-sidebar {
    display: none;
  }
  }
  
.separate-containers .inside-article, .sidebar .widget {
   background-color: rgba(255,255,255,0.9);
   border-radius: 10px;
}

.separate-containers .page-header, .separate-containers .site-main>*, .separate-containers .widget {
    margin-bottom: 14px;
}

.wp-block-image.has-custom-border img, .wp-block-image img
{
  border-radius: 10px;
}

.google-visualization-table-tr-head
{
  font-size: 16px;  
}

.google-visualization-table-table td
{
  font-size: 14px;
  line-height: 2;
}

/* Wettermelder */

button, input[type="submit"]
{
    background-color: rgba(0,182,255,0.7);
    width: 100%;
    border-radius: 5px;
}

button:hover, input[type="submit"]:hover
{
  background-color: rgb(0, 172, 232);
}

.cli-tab-footer .wt-cli-privacy-accept-btn {
  background-color: rgb(0,182,255);
}
  
.copyright{
  display:none;
}
  
  @media only screen and (min-width: 769px) {
.not_desktop {
  display: none;
}
}

  @media only screen and (max-width: 768px) {
.not_mobile {
  display: none;
}
}

@media only screen and (min-width: 769px) 
{
#footer-widgets
{
  display: none;
}
}

@media only screen and (max-width: 769px) 
{
.footer-widgets 
{
    background-color: transparent;
    color: #fff;
}
.footer-widgets input[type="submit"], .footer-widgets button
{
    background-color: #fff;
    color: #333;
}
}

.footer-bar .widget_nav_menu .current-menu-item a, .site-info a:hover
{
  color: #fff;
}