/**
 * =============================================================================
 * Anpassungen in diese Datei
 * ==========================================================================
 */
.mod_iso_productlist h3 a {
	font-weight: bold;
	font-size: 20px;
}
.mod_iso_productlist .product_list .product, .mod_iso_productlist form {
	height: 100%;
}
.mod_iso_productlist .formbody {
	height: 100%;
	min-height: 390px;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.mod_iso_productlist .sku {
	display: none;
}
.mod_iso_productlist .details {
	display: none;
}
.mod_iso_productlist label.select {
	display: none;
}
.mod_iso_cart td.image {
	width: 50%;
}
.mod_iso_cart{
	padding: 20px;
}
.mod_iso_productlist select.select {
	display: block; 
	padding-top: 0.75rem;
	padding-bottom: 0.75rem; 
	padding-left: 1rem;
	padding-right: 1rem; 
	border-radius: 0.5rem; 
	border-color: transparent; 
	width: 100%; 
	font-size: 0.875rem;
	line-height: 1.25rem; 
	background-color: #F3F4F6; 
	margin-bottom: 1rem;
	cursor: pointer;
}
.mod_iso_cart .quantity input {
	display: block; 
	padding-top: 0.75rem;
	padding-bottom: 0.75rem; 
	padding-left: 1rem;
	padding-right: 1rem; 
	border-radius: 0.5rem; 
	border-color: transparent; 
	width: 100%; 
	font-size: 0.875rem;
	line-height: 1.25rem; 
	background-color: #F3F4F6; 
	cursor: pointer;
}

.mod_iso_productlist input.submit, .mod_iso_cart input.submit {
	display: inline-flex; 
	padding-top: 0.75rem;
	padding-bottom: 0.75rem; 
	padding-left: 1rem;
	padding-right: 1rem; 
	column-gap: 0.5rem; 
	justify-content: center; 
	align-items: center; 
	border-radius: 0.5rem; 
	border-width: 1px; 
	border-color: transparent; 
	width: 100%; 
	font-size: 0.875rem;
	line-height: 1.25rem; 
	font-weight: 600; 
	color: #ffffff; 
	background-color: #CBD5C6;
	cursor: pointer;
	margin-top: 1rem;
}

.mod_iso_cart .submit_container {
	width: 50%;
	display: flex;
	column-gap: 20px;
}
.mod_iso_productlist input.submit:hover, .mod_iso_cart input.submit:hover {
	opacity: 0.9;
}
.support .widget-text {
	width: calc(50% - 3px);
}
.support .formbody {
	max-width: 38rem !important;
}
 
.authv1.support .formbody {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}
.authv1.support .widget-textarea {
	width:100%;
	margin-top: 5px;
}
@media only screen and (max-width: 600px) {
	.authv1.support .widget {
		width:100%;
		margin-top: 5px;
	}
}
 
.authv1 textarea {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: block;
  width: 100%;
  border: 1px solid #e5e7eb;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  outline: none;
  transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.bg-smartline {
	background-color: #CBD5C6 !important;
}

.text-smartline {
	color: #CBD5C6 !important;
}

.authv1 textarea:focus {
  border-color: #CBD5C6;
  ring: 1px solid #CBD5C6;
}

.authv1 textarea:disabled {
  opacity: 0.5;
  pointer-events: none;
}
 
 
.authv1 .widget-upload label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
 
 


/* File specific styles */
.file\:bg-gray-50 {
  background-color: #f9fafb; /* Gray-50 color for file background */
}

.file\:border-0 {
  border: 0; /* No border for file */
}

.file\:me-4 {
  margin-right: 1rem; /* Margin right 1rem for file */
}

.file\:py-3 {
  padding-top: 0.75rem; /* Padding top 0.75rem for file */
  padding-bottom: 0.75rem; /* Padding bottom 0.75rem for file */
}

.file\:px-4 {
  padding-left: 1rem; /* Padding left 1rem for file */
  padding-right: 1rem; /* Padding right 1rem for file */
}

.dark\:file\:bg-gray-700 {
  background-color: #4a5568; /* Gray-700 color for file background in dark mode */
}

.dark\:file\:text-gray-400 {
  color: #cbd5e0; /* Gray-400 text color for file in dark mode */
}

 
.authv1 select {
  padding-top: 0.75rem;
  padding-right: 1rem;
  padding-bottom: 0.9rem;
  padding-left: 1rem;
  display: block;
  width: 100%;
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  font-size: 16px;
  outline: none;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.authv1 select:focus {
  border-color: #CBD5C6;
  ring: 1px solid #CBD5C6;
}

.authv1 select:disabled {
  opacity: 0.5;
  pointer-events: none;
}
 

 .authv1 .fields {
  display: grid;
  gap: 1rem 0; /* gap-y-4 */
}

.authv1 label {
  display: block; /* block */
  font-size: 0.875rem; /* text-sm */
  margin-bottom: 0.5rem; /* mb-2 */
  color: #000; /* default text color */
}
.authv1.edit label {
  display: flex; /* block */
  font-size: 0.875rem; /* text-sm */
  margin-bottom: 0.5rem; /* mb-2 */
  color: #000; /* default text color */
}

.authv1 label.dark {
  color: #fff; /* White text color in dark mode */
}
 
 .authv1 .formbody {
  background-color: #fff; /* bg-white */
  border: 1px solid #e5e7eb; /* Border color: gray-200 */
  border-radius: 0.75rem; /* rounded-xl */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* shadow-sm */
  width: 100%; /* w-full */
  max-width: 28rem; /* max-w-md */
  margin-left: auto; /* mx-auto */
  margin-right: auto; /* mx-auto */
  padding: 1.5rem; /* p-6 */
}
 .authv1.edit .formbody {
  margin-top: 0px; /* mt-7 */
  background-color: #fff; /* bg-white */
  border: 1px solid #e5e7eb; /* Border color: gray-200 */
  border-radius: 0.75rem; /* rounded-xl */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* shadow-sm */
  width: 100%; /* w-full */
  max-width: 40rem; /* max-w-md */
  margin-left: auto; /* mx-auto */
  margin-right: auto; /* mx-auto */
  padding: 1.5rem; /* p-6 */
}

.authv1 .formbody.dark {
  background-color: #1a202c; /* Gray-800 color in dark mode */
  border-color: #2d3748; /* Gray-700 color in dark mode */
}
 
.authv1 input[type="text"],
.authv1 input[type="email"],
.authv1 input[type="password"],
.authv1 input[type="tel"],
.authv1 input[type="url"] {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: block;
  width: 100%;
  border: 1px solid #e5e7eb; /* Border color: gray-200 */
  border-radius: 0.375rem;
  font-size: 0.875rem;
  outline: none;
  transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.authv1 input[type="text"]:focus,
.authv1 input[type="email"]:focus,
.authv1 input[type="password"]:focus,
.authv1 input[type="tel"]:focus,
.authv1 input[type="url"]:focus,
.authv1 textarea:focus {
  border-color: #CBD5C6; /* Blue-500 color on focus */
  box-shadow: 0 0 0 3px #CBD5C630; /* Blue-500 ring on focus */
}

.authv1 input[type="text"]:disabled,
.authv1 input[type="email"]:disabled,
.authv1 input[type="password"]:disabled,
.authv1 input[type="tel"]:disabled,
.authv1 input[type="url"]:disabled {
  opacity: 0.5;
  pointer-events: none;
}
 
.authv1 .widget-submit button {
  width: 100%;
  height: 3rem;
  padding: 0.75rem 1rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  border-radius: 0.375rem;
  border: 1px solid transparent;
  background-color: #CBD5C6 !important;
  color: #fff; /* White text color */
  transition: background-color 0.3s ease-in-out;
  cursor: pointer;
  margin-top: 1rem;
}

.authv1 .widget-submit button:hover {
  opacity: 50%;
}

.authv1 .widget-submit button:disabled {
  opacity: 0.5;
  pointer-events: none;
}

.authv1 .widget-submit button:focus {
  outline: none;
}

.authv1 .widget-submit button:disabled:focus {
  outline: none;
}

.authv1 .widget-submit button:disabled:focus:ring {
  outline: none;
}

 
.testCardBody .inside {
	padding: 0px !important;
}

.cardTest  {
	padding: 0 !important;
}

/* fuer alle Geraete-Klassen */

h4, h5 {
	font-style:italic;
}
h6 {
	color:#777 !important;
}

a {
	 text-decoration: none !important;
}
#name .role {
	font-weight:400;
}

.ce_ctsteam.imground.ver1 .image_container img {
  margin-bottom: 0 !important;
  border: 4px solid #fff;
}

.teilen, .teilen a {
	color: #b4b4b4;
	font-size:0.9;
	font-style:italic;
}


.ce_ctsteam .teambox {
	background:none !important;
}

.figure.effectlily .figcaption>div.link {
    height: 100%;
    margin-top: 0;
}

.figure.effectlily .figcaption>div.link a {
    font-size: 0;
}

/* Visitenkartenlayout */

.ce_ctsteam .given-title, .ce_ctsteam .family-name, .ce_ctsteam .given-name {
  font-size: 1.5rem;
  font-weight: bold;
}
.ce_ctsteam .teambox {
  font-size: 17px;
  line-height:1.3;
  font-weight: normal;
  padding: 10px 20px 0px 20px;
}

.ce_ctsteam .grau {
	color:#777777 !important;
}

.vcard-table {
  display: block;
  width: 100%;
  text-align: center;
  height: 60px;
  border-top: 1px solid rgba(255,255,255,0.15);
}
.vcard-functions-wrapper {
  display: table;
  margin: 0 auto;
  width: 300px;
  height: 56px;
  text-align: center;
}
#name a {
	color:#fff important;
}

.vcard .iconbox {
  padding: 30px 40px 30px 40px;
}

.ce_ctscolor.iconleft .inside {
  position: relative;
  padding: 10px 30px 0 0;
  text-align: left;
}
.ce_ctscolor.iconleft .content {
  position: relative;
  padding-left: 70px;
  text-align: left;
}
.ce_ctscolor ul {
  padding-left: 0;
}
.sociallinks .link {
  padding-right:20px;
  padding-left:0;
}



/* fuer tablets und groessere Displays*/
@media only screen and (min-width:768px) {

   .bodywrapper {
        width: 570px;
margin: 0 auto;
  margin-bottom: 0px;
box-shadow: 0 -5px 40px 7px rgba(0,0,0,0.08);
margin-bottom: 60px;
margin-top: 20px;
overflow: hidden;
    }
    
#logos {
	top:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
	text-align:center;
}    

 

    header .bxsmall .bx-viewport {
        border: 10px solid #e5e8ee;
    }

}


/* fuer tablets und groessere Displays*/
@media only screen and (min-width:992px) {

    .myClass p {
        color: #f300ff;
    }

}

/* fuer desktop */
@media only screen and (min-width:1025px) {

    .myClass p {
        color: #0800ff;
    }


}


/* fuer Smartphones */
@media only screen and (max-width:767px) {
	
	#logos {
	top:10px;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
	text-align:center;
}    
	
}