/* ++++++++++++++++++++++++++++++++++ */
/*     custom.css Joomla100.com       */
/* ++++++++++++++++++++++++++++++++++ */

body {line-height: 1.5em; background-image: url('/images/design/joomla100_HOME_Headergrafik.jpg');}
.body_bg {background-color: rgba(255, 255, 255, 0);}
h1 {font-size: 2.0em; font-weight: 800;}
.page-header h1 {margin-bottom: 1.6rem; margin-top: 1.5rem;}
h2 {font-size: 1.65em; font-weight: 600;}
h3 {font-size: 1.3em; font-weight: 600;}
h3.layerslideshow-caption {font-size: 1.8em;}
.maincontent {padding: 25px 5px !important;}

.module_header h3 {color: #e6500f; border-top: 1px solid #e6500f; border-bottom: 1px solid #e6500f; padding: 8px 3px !important;}
.module_header h3.clsCenter {text-align: center;}
a {text-decoration: none !important;}
a[href^="tel"] {color: #e6500f;}

.logo a {margin-left: auto;}
.hornav {background-color: rgba(160, 195, 255, 0.05);}
.hornav ul.menu {margin-left: auto; margin-right: auto;}
.hornav ul.menu > li > a {font-size: 1.2em;}
.hornav ul.menu > li.active > a {color: #a0c3ff;}
#container_main {background-color: rgba(255, 255, 255, 0) !important;}
.header_bottom {border-bottom: 1px solid rgba(100,100,100,0.175);}
.btn {border-radius: 15px !important; color:#142d55 !important;}
.fa, .fab, .fad, .fal, .far, .fas {padding: 0 5px 0 2px; color:#142d55;}
#sidecol_b {font-size: 0.9em;}
.clsCompanyRed {color: #e6500f; letter-spacing: 2px; text-transform: lowercase; font-size: 1.4em;}
h1.clsHeadLine {text-align: center; line-height: 1.8em;}

/* --- J51 Pricing Table --- */
.j51pricingtable .plan-cost {white-space: nowrap;}
.j51pricingtable .plan-price {display: initial;}
.j51pricingtable .plan-type {display: initial;}
.clsH3LightBlue {color: #a0c3ff; font-style: italic;}
.clsH3LightBlueVK {color: #a0c3ff; font-style: italic; text-shadow: -1px -1px 4px #646464;}
.j51pricingtable h3 {font-size: 1.6em; line-height: 1.6em;}
.j51pricingtable .plan-features {font-size: 0.9em !important}
.j51pricingtable .plan-select {display: grid;}
.j51pricingtable .plan-select a {text-transform: uppercase; font-weight: 700; letter-spacing: 2px; font-size: 1.2rem;}
.j51pricingtable115 .featured .plan-select a {background-color: #a0c3ff !important;}
.j51pricingtable147 .featured .plan-select a {background-color: #a0c3ff !important;}
.clsH3VK {background-color:#fdc800; padding: 0 10px;}

/* --- J51 Image Hover --- */
.j51imagehover .j51imagehover_caption {font-size: 2em; font-weight: 700; line-height: 1.2em;}

/* -- j51 SlideShow -- */
.clsSlideCaption {text-shadow: 1px 1px 7px #3e3e3e;}

/* JoomISP */
form.joomisp h3 {color: #fdc800 !important; margin-top: 1.1em; text-shadow: 1px 1px 1px #2e2d2d;}

/* Hosting overview table */
/* DivTable.com */
.divTable{display: table; width: 100%; margin-left: auto; margin-right: auto;}
.divTableRow {display: table-row;}
.divTableHeading {background-color: #EEE; display: table-header-group;}
.divTableCell, .divTableHead {border: 1px solid #999999; display: table-cell; padding: 6px 10px;}
.divTableHeading {background-color: #EEE; display: table-header-group; font-weight: bold;}
.divTableFoot {background-color: #EEE;	display: table-footer-group; font-weight: bold;}
.divTableBody {display: table-row-group;}
.clsHeadTitle {font-size: 1.2em; color: #fff; padding: 6px 12px;}
.clsHeadTitlePart {color: #a0c3ff; font-style: italic;}
.clsBgBlue {background-color: #142d55; text-align: center;}
.clsTxtCenter {text-align: center; vertical-align: middle;}
.clsRowLightBlue {background-color: rgba(160, 195, 255, 0.25);}
.clsTblHost {max-width: 70%;}
.clsTblRowBG {background-color:#a0c3ff; font-weight: 700; font-size: 1.2em;}

/* grids */
#nextcloud {background-image: url('/images/design/backgrounds/joomla100_Modul_Nextcloud.jpg'); background-repeat: no-repeat; max-height: 550px; margin-left: auto; margin-right: auto; background-position: center;}
#sicherheit {background-image: url('/images/design/backgrounds/joomla100_Modul_Sicherheit.jpg'); background-repeat: no-repeat; max-height: 550px; margin-left: auto; margin-right: auto; background-position: center;}
#joomla100 {background-image: url('/images/design/backgrounds/joomla100_Modul_Ueberjoomla100.jpg'); background-repeat: no-repeat; max-height: 550px; margin-left: auto; margin-right: auto; background-position: center;}
#jkontakt {background-image: url('/images/design/backgrounds/joomla100_Modul_Kontakt.jpg'); background-repeat: no-repeat; max-height: 550px; margin-left: auto; margin-right: auto; background-position: center;}
#jkontakt a {color: #fff;}

/* 3-spaltgies Grid mit 4 zeilen */
.clsGridTable {display: grid; grid-template-columns: 1fr 1fr 1fr;  grid-template-rows: repeat(4, 1fr); gap: 2px; border: 1px solid #ccc; }
.clsGridTable > div {border: 1px solid #999; /* Optional: Rahmen um jede Zelle */ display: flex; align-items: center; justify-content: center; background: #f9f9f9; padding-left: 5px;}

#mod-wrapper { position: relative; }
#mod-wrapper .clsFullCover {position: absolute; inset: 0; z-index: 10; display: block; text-indent: -9999px;}
.clsBigDark {font-size: 1.8em; font-weight: 600; color: #5a5a5a; text-decoration: none;}
.clsLinkHeadMod {font-size: 1.4em; line-height: 1.5em;}
.clsFooterLink {font-size: 1.6em; padding-right: 15px; letter-spacing: 1px; color:#fff !important;}
/* .clsSideCol {border: 1px solid #a0c3ff; padding-top: 15px;} */
.clsStartModTxt {line-height: 1.5em; text-align: center; color: #fff; text-shadow: 2px 2px 7px #6e6d6d; font-size: 1.2em; font-weight: 700; width: 90%; max-width: 1320px; margin-left: auto; margin-right: auto;}
.clsStartModTxt h2 {font-size: 3em; font-weight: 800; margin-bottom: 0.4em; color: #fff; text-shadow: 1px 1px 6px #616161;}
.clsHostHeader {font-size: 3em; font-weight: 800; color: #fff;}
.clsHeaderYellow {color: #fdc800 !important;}
.clsHeaderLightBlue {color: #a0c3ff !important;}
.clsHeaderOrange {color: #e6500f !important;}
.clsHeaderDarkBlue {color: #142d55 !important;}
.clsTitleH1 {font-size: 2.0em; font-weight: 800; margin-bottom: 0.6rem;}
.clsLinkOrange {color: #e6500f !important;}
.clsBtnHov {color: #fff !important; font-weight: 700;}
.clsBtnHov:hover {color: #fff !important; background-color: rgb(160,195,255) !important; background: linear-gradient(90deg, rgba(160,195,255,1) 0%, rgba(20,45,85,1) 50%) !important; text-transform: uppercase; border-color: #a0c3ff !important; letter-spacing: 1px; font-weight: 700;}
.clsPageHeaderInvis {visibility: hidden;}
ol.clsHacked li::marker {font-weight: 700;}
.clsTelBig {letter-spacing: 1px; font-size: 1.6em; line-height: 3em; font-weight: 600;}

/* MiniTek Wall */
h3.mwall-title a {text-shadow: 1px 1px 3px #b0b0b0;}
.mwall-readmore {margin: 0 !important;}

/* DJTabs */
#mod133_djtabs.Arc-light-blue .djtabs-title {font-size: 17px !important;}
#mod134_djtabs.Arc-light-blue .djtabs-title {font-size: 17px !important; text-align: left; padding-left: 15px;}
.djtabs-title [class^="icon-"] {padding-right: 30px;}

@media only screen and ( max-width: 959px) {
h1 {font-size: 1.55em; font-weight: 700; padding-left: 3px;}
h2 {font-size: 1.35em; line-height: 2rem;}
body {font-size: 0.9em !important;}
}
@media only screen and ( max-width: 767px ) {
h1 {font-size: 1.8em; padding-left: 5px;}
h2 {font-size: 1.4em; line-height: 2rem;}
body {font-size: 0.85em !important;}
.clsImgSmall {width: 50%;}
.clsH2Slider {font-size: 16px;}
.clsTblHost {max-width: 99%;}
}
@media only screen and ( max-width: 440px ) {
h1 {font-size: 1.8em; padding-left: 5px;}
h2 {font-size: 1.4em; line-height: 2rem;}
h3 {font-size: 1.1rem;}
body {font-size: 0.85em !important;}
.maincontent {padding: 25px 10px !important;}
.clsImgSmall {width: 50%;}
.clsUmbruch::after {content: '\A'; white-space: pre;}
.clsH2Slider {font-size: 16px;}
#idBestellTbl .divTableCell {display: block;}
.clsTblHost {max-width: 99%;}
.divTableCell img {min-width: 10px;}
.clsStartModTxt {text-shadow: 1px 1px 7px #6e6d6d; font-size: 1.1em;}
.clsStartModTxt h2 {font-size: 2em;}
.clsTelBig {letter-spacing: none; font-size: 1.2em; line-height: 1.4em;}

.Arc-light-blue---Service .djtabs-article-content {margin: unset;}
.clsGridTable > div {font-size: 0.85em;}
}