body        { font-family: 'Inter', sans-serif;  line-height: 1.6;  margin: 0;  padding: 0px 0px 0px 0px;   color: #222;  background-color: #CFCFCF;  box-sizing: border-box; }
header      { width: 890px;  margin: 0 auto;  padding: 0px 20px 20px 20px; text-align:center; }
div.BS      { width: 890px;  margin: 0 auto;  }
div.foot    { width: 850px;   padding: 0px 20px 20px 20px; background-color: #FFFFFF;  }  
div.work    { width: 890px; display: flex; align-items: stretch; gap: 3px;}
div.menue   { flex: 1; max-width: 107px; padding: 0px;  line-height: 1; }
div.text    { flex: 1; max-width: 775px; padding: 5px 5px 5px 10px; background-color: #FFFFFF;}
div.item    { width: 110px; min-height: 35px; padding: 0px; }
table, th, td { border: 1px solid black; border-collapse: collapse; vertical-align: top; }
section     { margin: 0 auto; }
.zusatzinfo { margin-top: 5px; background-color: cornsilk; color: black; font-family: Fixedsys,Courier,monospace; padding: 5px; width: 740px; height: auto; cursor: pointer; border-radius: 15px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); }
.frage      { color:blue; padding-left: 100px; font-style: italic; flex: 1; max-width: 775px; line-height: 20px;}
.antwort    { padding-right: 100px; flex: 1; max-width: 775px; line-height: 20px;}
.audio      { position: relative; top: -25px; display: flex; justify-content: space-between; width: 100%; margin-bottom: -25px;}
div.bildanzeige      { position: fixed; top: 135px; left: 50%; margin-left: -400px; width: 800px;  height: auto;  z-index: 200;  display: none;  cursor: pointer;}	
div.bildanzeigeclose { position: absolute; top: -14px; left: 800px; height: auto; min-height: 25px; font-weight: bold; cursor: pointer;}

a[href^="http"], 
a[href^="https"] {background: transparent url('/images/aoutside.gif') 100% 50% no-repeat; padding-right: 10px;}
a[href^="http://urichter.de"],
a[href^="http://it-e-com.de"],
a[href^="http://4wt-it.com"],
a[href^="http://4wt-4x4.com"],
a[href^="http://www.it-e-com.de"],
a[href^="http://4wheel.travel"],
a[href^="http://expedition.4wheel.travel"],
a[href^="http://it-e-com.fourwheeltravel.co.th"],
a[href^="http://www.fourwheeltravel.co.th"],
a[href^="http://www.urichter.de"],
a[href^="http://4wt-it.de"],
a[href^="https://urichter.de"],
a[href^="https://it-e-com.de"],
a[href^="https://4wt-it.de"],
a[href^="https://4wt-4x4.com"],
a[href^="https://4wt-it.com"],
a[href^="https://www.it-e-com.de"],
a[href^="https://4wheel.travel"],
a[href^="https://expedition.4wheel.travel"],
a[href^="https://it-e-com.fourwheeltravel.co.th"],
a[href^="https://www.fourwheeltravel.co.th"],
a[href^="https://www.urichter.de"] {background: transparent;padding-right: 0px;}
a:link      {color:#0000A0; text-decoration:none;}
a:visited   {color:#0000A0; text-decoration:none;}
a:active    {color:#0000A0; text-decoration:none;}
a:hover     {color:red;   text-decoration: none; text-decoration-thickness: 1px;}
##a:hover     {color:red;   text-decoration: red wavy underline; text-decoration-thickness: none;}
##tr:nth-child(even)   { background-color: blue; }
##tr:nth-child(odd)    { background-color: #f2f2f2; }


h2 {  color: #333;  margin-top: 0px; line-height: 25px; font-size:1.4em; } 
h3 {  color: #333;  margin-top: 0px; line-height: 20px; } 

.chatbot-container { position: fixed; bottom: 20px; right: -400px; width: 380px; height: 500px; background-color: #ffffff; border-radius: 12px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); overflow: hidden; transition: right 0.4s ease-in-out; z-index: 1000; display: flex; flex-direction: column; }
.chatbot-container.is-visible { right: 60px; }
.chatbot-toggle-button { position: fixed; bottom: 10px; right: 3px; width: 50px; height: 50px; background-color: #fff8dc; color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 26px; cursor: pointer; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); transition: transform 0.2s ease-in-out; z-index: 1001; }
.chatbot-toggle-button:hover { transform: scale(1.05); }
.chatbot-iframe { width: 100%; height: 100%; border: none; border-radius: 0 0 12px 12px; }
.chatbot-header { display: flex; justify-content: space-between; align-items: center; padding: 12px 20px; background-color: #6366F1; color: #ffffff; border-top-left-radius: 12px; border-top-right-radius: 12px;}
.chatbot-header h3 { font-size: 1.125rem; font-weight: 600; margin: 0; cursor: pointer; }
.chatbot-close-button { background: none; border: none; color: #ffffff; font-size: 24px; cursor: pointer; padding: 0 5px; line-height: 1; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; }

@media (max-width: 768px) {
  .chatbot-container { width: 90vw; height: 70vh; bottom: 10px; right: -90vw; }
  .chatbot-container.is-visible { right: 10px; }
  .chatbot-toggle-button { width: 50px; height: 50px; font-size: 24px; bottom: 10px; right: 10px; }
}