/*---------------------------------------------------------------------------------

 Theme Name:   sharkandshark
 Theme URI:    https://shark-and-shark.com
 Description:  
 Author:       INTERMENUE
 Author URI:   https://www.intermenue.de
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/


@font-face {
    font-family: 'Anime Ace 2.0 BB';
    src: url('/wp-content/themes/sharkandshark/fonts/AnimeAce20BB-Bold.woff2') format('woff2'),
        url('/wp-content/themes/sharkandshark/fonts/AnimeAce20BB-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Capital Gothic';
    src: url('fonts/CapitalGothic-Regular.woff2') format('woff2'),
        url('fonts/CapitalGothic-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Franklin Gothic Book';
    src: url('fonts/FranklinGothic-Book.woff2') format('woff2'),
        url('fonts/FranklinGothic-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'fette_trump-deutschregular';
    src: url('fonts/fettetrumpdeutsch-webfont.woff2') format('woff2'),
         url('fonts/fettetrumpdeutsch-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

h1, h2, h3 {
    font-family: 'fette_trump-deutschregular', sans-serif !important;
    font-weight: normal !important;
color: #b95c5e;
}
body {
  font-family: 'Franklin Gothic Book', sans-serif !important;
}


.hinweisbox {
  background-image: url('/wp-content/themes/sharkandshark/assets/svg/stern25.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  padding: 2rem;
  color: #000;
font-family:'Anime Ace 2.0 BB';
text-align: center;
}

.hinweisbox .et_pb_text_inner p {
  transform: rotate(-10deg);
  display: inline-block;
}

.shoppingbutton {
    background-color: #b95c5e;
    padding: 1em 1.5em 1em 4em; /* mehr Padding links für das Icon */
    margin: 1em;
    color: white;
    position: relative;
    display: inline-block;
    border: none;
    cursor: pointer;
    font-size: 1em;
    text-align: center;
}

.shoppingbutton::before {
    content: "";
    background-image: url('/wp-content/uploads/2025/07/to_card_w.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4em;
    height: 2.4em;
    position: absolute;
    left: 1em;
    top: 50%;
    transform: translateY(-50%);
}

.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li {
  border-left: 1px solid #fff;
}
/* Mobile Dropdown-Menü-Schriftfarbe */
@media only screen and (max-width: 980px) {
.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li {
  border-left: 0;
}

	.et_pb_menu_0_tb_header.et_pb_menu .nav li ul, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul {
  background-color: #ff0000 !important;
}
	
    #main-header .mobile_nav .mobile_menu_bar:before {
        color: #333333 !important; /* Farbe des Menü-Icons */
    }

    .et_mobile_menu li a {
        color: #333333 !important; /* Schriftfarbe im Dropdown */
    }

    .et_mobile_menu li a:hover {
        color: #cccccc !important; /* Hover-Farbe */
    }
}

@media only screen and (max-width: 980px) {
  header #et-top-navigation ul#mobile_menu li a {
    color: #333333 !important;
  }
#mobile_menu1, #mobile_menu2{background-color: #b85c5e !important;
}
}