/*
 Theme Name:   TWX Child
 Theme URI:    http://reconstruction.bold-themes.com
 Description:  TAGWORX ReConstruction Child Theme
 Author:       BoldThemes
 Author URI:   https://www.tagworx.net
 Template:     reconstruction
 Version:      1.0.0
 Tags:         one-column, right-sidebar, fluid-layout, responsive-layout, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  reconstruction-child
*/


/* =Theme customization starts here*/
-------------------------------------------------------------- */
.contentWrap {
	font-size: 1.2em !important;
}
.boldSection {
	border-bottom: none !important;
}

#bt_section683ddc28af287 {
	border-top: #ee0000 !important;
}

.pum-content {
	background-image: url('./gfx/bg_emergency_small.jpg') !important;
}

section.boldSiteFooterWidgets {
	border-top: 4px solid #ee0000;
}

.emergency a {
	font-size: 1.6em;
	font-weight: 800;
	color: #FFFFC0 !important;
}
.emergency a.hover {
	font-size: 1.6em;
	font-weight: 800;
	color: #FFFFFF !important;
}
.menuTrigger {
	color: #EE0000 !important;
}
.twx_hport {
	margin: 8px !important;
	padding: 8px !important;
}

.btMainLogo {
	width: 300px !important;
	height: 64px !important;
}

#emergency_banner {
	display: block;
	width: auto;
	padding: 24px;
	color: #FFFFFF;
	background-color: #EE0000 !important;
	background-image: url('./gfx/bg_emergency_small.jpg') !important;
	border-radius: 12px;
}
.emergency_text {
	font-weight:400;
	font-size: 16px !important;
	text-align:left;
}
.emergency_text_slogan {
	font-weight:400;
	font-size: 22px !important;
	text-align:left;
}

.emergency_phone {
	font-weight:800;
	font-size: 2.4em !important;
	text-align:center;
}

.emergency_phone a{
	color: #FFFFC0 !important;
}

.emergency_phone a.hover{
	color: #FFFFFF !important;
}

.custom-file-upload {
    display: inline-block;
    padding: 10px 20px;
    background-color: #ee0000; /* Beispiel-Farbe */
    color: #ffffff;
    border: none;
    cursor: pointer;
    font-size: 1em;
	font-weight:800;
}

.custom-file-upload:hover {
    background-color: #ee0000; /* Dunklere Farbe beim Hover */
	color: #404040;
}

.hidden-file-input {
    position: absolute;
    left: -9999px; /* Außerhalb des sichtbaren Bereichs platzieren */
    width: 0;
    height: 0;
    overflow: hidden;
}

#pdf-datei-name {
    display: block;
    margin-top: 5px;
    font-size: 0.9em;
    color: #ee0000;
}

#back-to-top {
  display: none;
  position: fixed;
  bottom: 10px;
  left: 10%;
  transform: translateX(-50%);
  z-index: 999;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #ee0000;
  text-align: center;
  line-height: 40px;
  font-size: 1.6em;
  cursor: pointer;
}

#back-to-top:hover {
  color: rgba(255, 255, 255, 0.8);
}

#back-to-top.show {
  display: block;
  opacity: 1;
}

#back-to-top .arrow-up::before {
  content: "\25B2"; /* CSS-Escape-Sequenz für den fetten Pfeil */
  font-size: 2.5em; /* Größe anpassen */
  line-height: 40px; /* Sollte dem height von #back-to-top entsprechen */
  height: 40px; /* Setze auch eine explizite Höhe */
  display: inline-block; /* Oder block, probiere beides */
  vertical-align: middle; /* Kann auch helfen */
  border: none;
  padding: 0;
  transform: none;
}

#back-to-top .arrow-up {
  display: inline-block;
  width: 0;
  height: 0;
}