body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
.download-element a{padding:3px 6px 3px 22px;background:url(../../assets/contao/images/iconPLAIN.svg) left center no-repeat}ul.enclosure{padding-left:0}li.download-element{list-style-type:none}.ext-xl a{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls a{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx a{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx a{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt a{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin a{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc a{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx a{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word a{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto a{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms a{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha a{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh a{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe a{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class a{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so a{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea a{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll a{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda a{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf a{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai a{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps a{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps a{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps a{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt a{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx a{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi a{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil a{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif a{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc a{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf a{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg a{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi a{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp a{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods a{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt a{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml a{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc a{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg a{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr a{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir a{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr a{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi a{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar a{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc a{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php a{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3 a{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4 a{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5 a{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml a{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps a{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js a{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd a{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar a{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla a{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf a{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit a{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar a{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz a{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml a{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht a{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip a{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3 a{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma a{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg a{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav a{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg a{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid a{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi a{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif a{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff a{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc a{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram a{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm a{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm a{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra a{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp a{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif a{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg a{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg a{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe a{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png a{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff a{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif a{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg a{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz a{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp a{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-avif a{background-image:url(../../assets/contao/images/iconAVIF.svg)}.ext-heic a{background-image:url(../../assets/contao/images/iconHEIC.svg)}.ext-jxl a{background-image:url(../../assets/contao/images/iconJXL.svg)}.ext-eml a{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp a{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css a{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss a{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less a{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html a{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm a{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md a{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml a{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt a{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text a{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log a{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx a{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf a{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml a{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl a{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4 a{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v a{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov a{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv a{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm a{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt a{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv a{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi a{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv a{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie a{background-image:url(../../assets/contao/images/iconMOVIE.svg)}
html {
  scroll-behavior: smooth;
}

body {
	font-family: "Libre Franklin", sans-serif;
	font-style: normal;
	background-color:black;
	color:white;
	font-size: 20px;
	outline:none;
}

#leader h1{
	margin:0;
	padding-top:140px;
}

h1{
	width:100%;
	text-align: center;
	font-size: 56px;
	padding-top:40px;
	font-weight:800;
	text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.9);
}

#leader h2{
	margin-top:40px;
	padding-top:100px;
	font-weight:600;
	text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.9);
	font-size: 36px;
}

.leadtext{
	font-weight:600;
	text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);
	line-height: 24px;
}
.buttonlink{
	padding-top:30px;
}
.buttonlink a{
	color: black;
	background-color: white;
	border-radius:8px;
	padding:10px 14px;
	text-decoration: none;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
	transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
	border: 2px solid #fff;
}
.buttonlink a:hover,
.buttonlink a:focus {
    background-color: #000;
    color: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.9); 

    border: 2px solid #777;
}
/* =============== OnTop Link =============== */
#ontop-link {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #FF0000;
  color: white;
  padding: 10px 15px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 1000;
}

#ontop-link.show {
  opacity: 1;
  pointer-events: auto;
}

/*========================= Queries =========================*/
/*========================= max. 1024px =========================*/
@media all and (max-width: 1024px) {
	#leader h1{
		margin:0;
		padding-top:110px;
	}

	h1{
		font-size: 50px;
	}
}
/*========================= max. 768px =========================*/
@media all and (max-width: 768px) {
  #leader h1{
		padding-top:60px;
	}
	#leader h2{
		padding-top:20px;
		font-size: 30px;
		text-align: center;
	}
	.leadtext{
		text-align: center;
	}
	.buttonlink a{
		margin-left:24%;
	}
	#ontop-link{
		display: none;
	}	
}
/* ========== Header Layout ========== */
header{
  width:95%;
	height:200px;
	padding:0 2.5%;
	display: block;
	border-bottom:2px solid #FFF;
}
/* ========== Logo ========== */
#logo {
    width: 100%;
    max-width: 400px;
    padding-top:50px;
    outline:none!important;
    border:none!important;
}
:focus {
  outline: none !important;
  box-shadow: none !important;
}
/* ========== Sprachwechsler ========== */
/* Sprachwechsler platzieren */
header .mod_changelanguage {
    position: absolute;
    top: 20px;
    right: 0px;
    display: flex;
    align-items: center;
}

/* Sprachwechsler-Links */
header .mod_changelanguage ul {
    list-style: none;
    display: flex;
    gap: 10px; /* Abstand zwischen den Sprachen */
    margin: 0;
    padding: 0;
}

/* Sprachwechsler-Elemente */
header .mod_changelanguage li {
    display: inline-block;
}

/* Sprachwechsler-Icons */
header .mod_changelanguage a {
    width: 18px;
    height: 12px;
    display: block;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
}

/* Flaggen als Hintergrundbilder */
header .mod_changelanguage .lang-de a {
    background-image: url("/files/layout/icons/flag-germany.svg");
    width:24px;
    height:auto;
}

header .mod_changelanguage .lang-en a {
    background-image: url("/files/layout/icons/flag-uk.svg");
    width:24px;
    height:auto;
}
/* ========== Meta ========== */
.meta {
  width: 440px;
  position: absolute;
  top: 62%;
  right: 15px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: flex-end; /* rechtsbündig */
  gap: 10px; /* Abstand zwischen den Elementen */
}

.meta .search {
  flex: 2;
  min-width: 0;
  padding-top:12px;
}
.search-wrapper input {
  width:200px;
  height: 34px;
  border-radius:6px;
  padding-left:8px;
  outline:none;
}
.meta .abstand {
  color: white; /* oder was du brauchst */
  font-size:48px;
  font-weight:bold;
}

.meta .anmelden {
  flex: 1;
  min-width: 0;
  margin-left: 10px;
}
.meta .anmelden a {
  font-size: 30px;
  color:white;
  text-decoration: none;
  font-weight:bold;
}
.meta .anmelden a:hover {
  color:yellow;
}
.anmelden-mobile{
  display:none;
}
/*========================= Queries =========================*/
/*========================= max. 1024px =========================*/
@media all and (max-width: 1024px) {
    header{
    	height:160px;
    }
    #logo {
        width: 280px;
        padding-top:40px;
    }
    .meta {
        width: 360px;
        right: 30px;
    }
}
/*========================= max. 768px =========================*/
@media all and (max-width: 768px) {
  #logo {
      padding-top:10px;
  }
  .meta {
    position: static;
    transform: none;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
    padding: 0px;
  }

  .meta .anmelden {
    margin-left: 0;
    width: 100%;
  }

  .meta .anmelden a {
    font-size: 24px;
    display: inline-block;
  }

  .meta .search {
    width: 100%;
    padding-top: 12px;
  }

  .search-wrapper input {
    width: 100%;
    box-sizing: border-box;
  }
  .abstand,
  .anmelden{
    display: none;
  }
  .anmelden-mobile{
    display:block;
    position: absolute;
    top: 50px;
    right: -2px;
  }
}
.mod_article, #leader h2, #leader .leadtext, #leader .buttonlink, .frontendfilter, .reiseteaser, article.tbeintrag{
	width:100%;
	max-width: 1024px;
	margin:0px auto;
}
.mod_article.fullscreen {
	width:100%;
	max-width: 100%;
	margin:0px auto;
	z-index:2;
}
/* =========== Startseite - Leadbereich =========== */
section.lead{
	background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  max-height: 800px;
  height: 800px;
  width: 100%;
}

.home nav.pagination.block{
	display:none;
}

/* =========== Frontendfilter =========== */

.frontendfilter {
  background-color: white;
  border-radius: 36px;
  color: #000;
  height: 190px;
  margin-top: -300px;
  z-index: 9;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  padding: 20px 30px;
  box-sizing: border-box;
  display: block; /* zurück zu block, damit Header-Linie bleibt */
}

/* Flexcontainer nur für Titel + Linie (bleibt so) */
.frontendfilter > .header {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-top: 30px;
  margin-bottom: 30px;
}

/* Titel */
.frontendfilter > .header > h2 {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  white-space: nowrap;
  text-transform: uppercase;
}

/* Linie nimmt den restlichen Platz rechts ein */
.frontendfilter > .header > .line {
  flex-grow: 1;
  height: 3px;
  background-color: #000;
  border-radius: 1px;
  min-width: 0;
}

/* Jetzt kommen die zwei Sections nebeneinander */
/* Wähle beide Sections mit diesem Container */
.frontendfilter > .ce_metamodels_frontendfilter {
  display: inline-block;
  vertical-align: top;
  width: 40%;
  margin-right: 5%; /* Abstand rechts, außer beim letzten */
  box-sizing: border-box;
}

.frontendfilter > .ce_metamodels_frontendfilter:last-child {
  margin-right: 0;
}

/* Formbody innerhalb Sections bleibt flex */
.ce_metamodels_frontendfilter .formbody {
  display: flex;
  gap: 20px;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  box-sizing: border-box;
}

.ce_metamodels_frontendfilter .widget.mm_select {
  flex: 1 1 100%;
  box-sizing: border-box;
}

.ce_metamodels_frontendfilter .widget.mm_select select {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: black;
  color: white;
  padding: 10px 40px 10px 15px;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
  box-sizing: border-box;
  background-image:
    linear-gradient(45deg, transparent 50%, white 50%),
    linear-gradient(135deg, white 50%, transparent 50%);
  background-position:
    calc(100% - 25px) calc(50% - 3px),
    calc(100% - 20px) calc(50% - 3px);
  background-size: 6px 6px;
  background-repeat: no-repeat;
}

.ce_metamodels_frontendfilter .widget.mm_select select:hover,
.ce_metamodels_frontendfilter .widget.mm_select select:focus {
  background-color: #222;
  outline: none;
}

/* Optional: Submit-Button verstecken */
.frontendfilter .submit_container {
  display: none;
}

/* =========== Startseite - Weltkarte =========== */

#worldmap{
  margin-top:200px;
  width:100%;
}
#woma{
  width:100%;
  margin-bottom:100px;
}

/* =========== Reise Übersicht =========== */

.reiseteaser {
  display: grid;
  grid-template-columns: repeat(auto-fit, 300px);
  gap: 30px;
  padding: 40px 20px 120px 0;
  justify-content: center; /* oder start, end, je nach Wunsch */
}

/* Jede Reise-Box */
.reiseteaser .teaser {
  background-color: #323232;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  display: flex;
  flex-direction: column;
  box-shadow: 0 6px 16px rgba(0,0,0,0.4);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%; /* Vollständig gleichmäßige Kartenhöhe */
  max-width: 318px;
  width: 100%;
}
.reiseteaser .teaser figcaption.caption {
  display:none;
  
}
/* Hover-Effekt */
.reiseteaser .teaser:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px rgba(0,0,0,0.6);
}

/* Titel-Container */
.reiseteaser h2 {
  font-size: 18px;
  padding: 20px 10px 0;
  margin: 0;
  text-align: left;
  line-height: 1.4;
  min-height: 68px; /* sorgt für Einheitlichkeit */
  display: flex;
  align-items: flex-start;
}

/* Bild-Container */
.reiseteaser .image_container {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background-color: #2a2a2a; /* heller als #111 */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Bild selbst */
.reiseteaser .image_container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
  border-radius: 0 0 12px 12px;
}

.reiseteaser .teaser:hover img {
  transform: scale(1.05);
}

/* Untertitel sichtbar und einheitlich */
.reiseteaser .caption {
  display: block;
  font-size: 14px;
  color: #bbb;
  padding: 10px 20px 20px;
  text-align: left;
  min-height: 40px; /* optional, um Ausgleich zu schaffen */
}
/* =========== Reise auf Detailseite =========== */
.detailreise{
  padding-bottom:120px;
}
.detailreise h1{
  margin-bottom:0px;
}
.detailreise .datum {
  margin-bottom:40px;
  font-size: 18px;
  color:#999;
  text-align: center;
}
.detailreise .reise-text{
  margin-bottom:40px;
}
/* =========== Bildergalerie der Reise auf Detailseite =========== */

.reise-bildergalerie ul.file {
  position: relative; /* Wichtig für Masonry */
  margin: 0 auto;
  padding: 0;
  list-style: none;
  max-width: 1100px; /* optional: max-Breite der Galerie */
}

.reise-bildergalerie ul.file li {
  width: 330px;    /* Spaltenbreite */
  margin-bottom: 10px;
  position: absolute; /* Masonry setzt Position */
}

.reise-bildergalerie ul.file li img {
  width: 100%;
  height: auto;
  display: block;
}
/* =========== Suchresultate =========== */
/* Gesamte Suchbox */
.mod_article .mod_search {
  max-width: 800px;
  margin: 0 auto;
  padding: 40px 20px;
  font-family: sans-serif;
  color: #333;
}

/* Formularkörper */
.mod_article .mod_search .formbody {
  background: #f9f9f9;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  margin-bottom: 30px;
}

/* Suchfeld mit Button */
.mod_article .search-wrapper {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 15px;
}

.mod_article .search-wrapper input[type="search"] {
  flex: 1;
  padding: 10px 15px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 16px;
}

.mod_article .search-wrapper button {
  background: #0077cc;
  color: white;
  border: none;
  padding: 10px;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}

.mod_article .search-wrapper button:hover {
  background: #005fa3;
}

.mod_article .search-wrapper svg {
  fill: white;
}

/* Radiobuttons */
.mod_article .widget-radio {
  margin-top: 10px;
}

.mod_article .radio_container {
  display: flex;
  gap: 20px;
  font-size: 14px;
}

.mod_article .radio_container span {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* Suchergebnis-Header und Info */
.mod_article .mod_search .header {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #aaa;
}

.mod_article .mod_search .info {
  font-size: 14px;
  color: #999;
  margin-bottom: 30px;
}

/* Einzelergebnisse */
.mod_article .search_default {
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  padding: 15px 20px;
  margin-bottom: 20px;
  background: white;
  transition: box-shadow 0.3s ease;
}

.mod_article .search_default:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.mod_article .search_default h3 {
  margin: 0 0 8px;
  font-size: 18px;
}

.mod_article .search_default h3 a {
  text-decoration: none;
  color: #0077cc;
}

.mod_article .search_default h3 a:hover {
  text-decoration: underline;
}

.mod_article .search_default .context {
  margin: 0 0 8px;
  font-size: 14px;
  color: #444;
}

.mod_article .search_default .url {
  font-size: 13px;
  color: #888;
  word-break: break-all;
}

.mod_article mark.highlight {
  background: #ffecb3;
  padding: 0 4px;
  border-radius: 4px;
}

/*========================= Loginbereich =========================*/


.loginbereich .mod_article.block {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* wichtig: zentriert alle Kacheln */
  gap: 40px;
  padding: 20px 0 80px 0;
}

.loginbereich .content-hyperlink {
  flex: 0 1 250px; /* 0 = nicht wachsen, 1 = schrumpfen, 250px = Basisgröße */
  max-width: 250px;
  text-align: center;
}


/*========================= Tagebuch =========================*/
/* ========== Tagebuch-Öffnen-Button ========== */

.tagebuch-link a {
  display: inline-block;
  background-color: #007396; /* Dunkles Türkisblau – anpassbar an CD */
  color: white;
  padding: 0.6em 1.2em;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 500;
  font-size: 1rem;
  transition: background-color 0.3s ease;
  }

  .tagebuch-link a:hover,
  .tagebuch-link a:focus {
  background-color: #005f7a;
  outline: none;
  }
  
.tagebuch-keinlink p{
  display: inline-block;
  background-color: #FF8801; /* Dunkles Türkisblau – anpassbar an CD */
  color: white;
  padding: 0.6em 1.2em;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 500;
  font-size: 1rem;
  transition: background-color 0.3s ease;
}

/* ========== Tagebuch-Schliessen-Button ========== */
.close-tab-link {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #007396; /* Dunkles Türkisblau – anpassbar an CD */
  color: white;
  padding: 0.6em 1.2em;
  border-radius: 0 0 8px 8px;
  text-decoration: none;
  font-weight: 500;
  font-size: 1rem;
  z-index: 9999;
}
.close-tab-link:hover {
  background: #ddd;
  color:#000;
}
/* ============== Tagebuch ========================= */
body.tagebuch {
  background: #f4f3f0;
  color:#000;
  
}

body.tagebuch article.tbeintrag{
  position: relative;
  background: #fff;
  border-radius: 24px;
  padding: 2rem;
  margin-bottom: 2rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
body.tagebuch h1{
  text-shadow: none!important; 

}
body.tagebuch h2{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
body.tagebuch h3{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-size: 24px;
  font-weight:600;
  
}
body.tagebuch .titel {
  font-size: 24px;
  font-weight:600;
  margin-bottom:10px;
}
body.tagebuch .reise-bildergalerie {
  margin-top:30px;
}
/* Container für Menü 
.mod_newsmenu {
  margin: 40px 0 0 0;
}
*/
/* Jahr-Zeile (Jahr + Monate) 
.year-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
*/
/* Jahr-Button
.year-pill a {
  background-color: #0077cc;
  color: white;
  font-weight: bold;
  border-radius: 999px;
  padding: 8px 16px;
  text-decoration: none;
  font-size: 0.95rem;
  display: inline-block;
  border: 1px solid #0077cc;
}
*/
/* Monatsliste 
.month-list a {
  background-color: white;
  color: #0077cc;
  border: 1px solid #e0e0e0;
  border-radius: 999px;
  padding: 8px 16px;
  text-decoration: none;
  font-size: 0.95rem;
  display: inline-block;
  margin-right: 5px;
  transition: all 0.2s ease;
}

.month-list a:hover {
  background-color: #f0f8ff;
  border-color: #0077cc;
}
*/
/* Jahr-Pille aktiv (nur Jahr, nicht Monat) 
.month-list a.active {
  background-color: #004080; 
  color: #fff;
  border-color: #004080;
}
*/
/* Trennlinie zwischen Jahren 
.year-divider {
  border: none;
  border-top: 1px solid #eaeaea;
  margin: 20px 0;
  opacity: 0.4;
}
*/


/*========================= Tagebuch Inhalt =========================
.mod_newsarchive {
    margin: 20px 0px;

}

.mod_newsarchive .layout_full {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 15px 20px;
    margin-bottom: 20px;
    background: white;
}

.mod_newsarchive .layout_full .info {
  font-size: 0.9rem;
  color: #444;
  margin-bottom: 1rem;
}

.mod_newsarchive .layout_full h2 {
  font-size: 1.5rem;
  color: #0077cc;
  margin-top: 0;
  margin-bottom: 0.75rem;
}

.mod_newsarchive .layout_full .ce_text p {
  font-size: 1.1rem;
  line-height: 1.6;
  color: #444;
  margin: 0;
}
*/
/*========================= Bildergalerie =========================*/
.content-gallery {
  margin: 80px 0;
}

.content-gallery h2 {
  text-align: center;
  margin-bottom: 1rem;
}

.content-gallery ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
  max-width: 1200px;
}

.content-gallery ul li {
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 6px;
  transition: transform 0.3s ease;
  /* Keine Positionierung mehr! */
  position: static !important;
  left: auto !important;
  top: auto !important;
}

.content-gallery ul li:hover {
  transform: scale(1.03);
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.content-gallery ul li figure {
  margin: 0;
}

.content-gallery ul li img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 6px 6px 0 0;
}

.content-gallery figcaption {
  display: none !important; /* Bildunterschrift ausblenden */
}
/* ========================= Links "Alle Reisen" im Loginbereich ========================= */
.layout_meine_reisen {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 2rem;
}

.reiselink {
    display: block;
    background: linear-gradient(180deg, #ffffff 0%, #f0f0f0 50%, #ffffff 100%);
    padding: 1rem 1.75rem;
    border-radius: 8px;
    text-decoration: none;
    color: #1a1a1a;
    transition: all 0.25s ease;
    border: 1px solid transparent;
}

.reiselink:hover,
.reiselink:focus {
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(0,0,0,0.10);
    border-color: #5a8466; /* Primärgrün wie auf itinere.ch */
}

.reiselink p {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.45;
    font-weight: 500;
}

.reisedate {
    font-size: 0.95rem;
    color: #007396;
    font-weight: 600;
    margin-right: 0.4rem;
}

.reiselink .timestamp {
    white-space: nowrap;
}
/* ========================= Pagination ========================= */
nav.pagination.block{
  display:block;
}
/* Container zentrieren */
.pagination {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 2rem 0;
    font-family: inherit;
    color: #004080;
}

/* Hinweistext „Seite X von Y“ */
.pagination p {
    margin-bottom: 0.75rem;
    font-size: 0.95rem;
    color: #FFF;
    font-weight: 500;
}

/* Liste der Seitenzahlen */
.pagination ul {
    list-style: none;
    display: flex;
    gap: 0.5rem;
    padding: 0;
    margin: 0;
}

/* einzelne Listenelemente */
.pagination li {
}

/* Links & aktive Seite */
.pagination li a,
.pagination li strong {
    display: inline-block;
    min-width: 2.25rem;
    padding: 0.45rem 0.75rem;
    text-align: center;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.95rem;
    transition: all 0.25s ease;
    text-decoration: none;
}

/* Normale Seiten-Links */
.pagination li a {
    background-color: #f0f4f8; /* helles Grau-Blau für Kontrast */
    color: #007396;
    border: 1px solid transparent;
}

/* Hover & Fokus für Seiten-Links */
.pagination li a:hover,
.pagination li a:focus {
    background-color: #007396;
    color: #fff;
    border-color: #007396;
    outline: none;
}

/* Aktive Seite */
.pagination li strong.active {
    background-color: #007396;
    color: #fff;
    border: 1px solid #007396;
}

/* Vorwärts / Zurück Links */
.pagination li.next a,
.pagination li.prev a {
    background-color: #f0f4f8;
    color: #004080;
    font-weight: 500;
    border: 1px solid transparent;
}

/* Hover & Fokus für Pfeile */
.pagination li.next a:hover,
.pagination li.prev a:hover,
.pagination li.next a:focus,
.pagination li.prev a:focus {
    background-color: #004080;
    color: #fff;
    border-color: #004080;
}

/* Pfeil-Symbole über CSS (optional) */
.pagination li.next a::after {
    content: "›";
    margin-left: 0.25rem;
    font-weight: bold;
}

.pagination li.prev a::before {
    content: "‹";
    margin-right: 0.25rem;
    font-weight: bold;
}




/*========================= Queries =========================*/
/*========================= max. 1024px =========================*/
@media all and (max-width: 1024px) {
#leader h2, #leader .leadtext, #leader .buttonlink, .frontendfilter, .reiseteaser, .detailreise, .loginbereich .content-headline, .content-gallery {
  	width:90%;
    padding-left:5%;
    padding-right:5%;
  }
  .frontendfilter{
    margin-top: -58px;
    
  }
  #worldmap{
    margin-top:-40px;
  }
  #woma{
    margin-bottom:-168px;
  }
  section.lead{
    max-height: 650px;
    height: 650px;
  }
  .tagebuch-link{
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 212px;
  }
  .close-tab-link {
    width: 244px;
  }
    .tagebuch-keinlink p {
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 256px;
  }
}
/*========================= max. 768px =========================*/
@media all and (max-width: 768px) {
    section.lead{
    max-height: 650px;
    height: 650px;
  }
    #woma{
    margin-bottom:-320px;
    margin-top:-140px;
  }
  .frontendfilter {
    height: 230px;
  }
  .frontendfilter > .ce_metamodels_frontendfilter {
    display: block;
    width: 100%;
    
  }
  .loginbereich .content-hyperlink {
    flex: 1 1 100%; /* volle Breite auf kleinen Geräten */
    max-width: 100%;
  }
  .reise-detail .reise-text, .reise-detail .datum{
    text-align: center;
  }
  body.tagebuch article.tbeintrag{
    width:90%;
    margin-left:auto;
    margin-right:auto;
  }
  body.tagebuch h2{
     text-align: center;
  }
  body.tagebuch article.tbeintrag{
    width:88%;
    padding:1rem!important;
  }
  .reise-detail h1{
    font-size: 40px;
    margin-top: 0em;
    margin-bottom: 20px;
  }
  .reise-detail .datum{
    font-weight: 600px;
    margin-bottom: 20px;
  }
  .reise-detail .leadtext, .reise-detail .reise-text{
    width:90%;
    margin-left:auto;
    margin-right:auto;
  }
}
/*========================= max. 600px =========================*/

@media (max-width: 600px) {
    .pagination ul {
        gap: 0.35rem;
        flex-wrap: wrap;
        justify-content: center;
    }

    .pagination li a,
    .pagination li strong {
        min-width: 2rem;
        padding: 0.35rem 0.5rem;
        font-size: 0.9rem;
    }
}
/* ============== Tagebuch ========================= */
body.tagebuch {
  background: #f4f3f0;
  color:#000;
  
}

body.tagebuch article.tbeintrag{
  position: relative;
  background: #fff;
  border-radius: 24px;
  padding: 2rem;
  margin-bottom: 2rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
body.tagebuch h1{
  text-shadow: none!important; 

}
body.tagebuch h2{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
body.tagebuch h3{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-size: 24px;
  font-weight:600;
  
}
body.tagebuch .titel {
  font-size: 24px;
  font-weight:600;
  margin-bottom:10px;
}
body.tagebuch .reise-bildergalerie {
  margin-top:30px;
}

/* =======================================

#tagebucheintrag h1 {
  font-size: 2rem;
  text-align: center;
  color: #000;
  font-weight: 600;
  margin-bottom: 0.5rem;
  text-shadow: none; 
}


.passende-reise h2 {
  font-size: 1.4rem;
  text-align: center;
  color: #444;
  font-weight: 400;
  margin-bottom: 2rem;
}


.reise-detail {
  background: #fff;
  border-radius: 10px;
  padding: 2rem;
  margin-bottom: 2rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}


.reise-detail h1 {
  font-size: 0.9rem; 
  color: #666;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 1.2rem;
}


.reise-detail .reise-text p {
  margin-bottom: 1rem;
  text-align: justify;
  color: #000;
}

.reise-detail h3 {
  font-size: 1.1rem;
  color: #000;
  margin: 1.2rem 0 0.6rem;
}


.reise-bildergalerie {
  margin-top: 1.5rem;
}

.reise-bildergalerie ul.file {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  padding: 0;
  justify-content: center;
}

.reise-bildergalerie li {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.reise-bildergalerie li:hover {
  transform: scale(1.03);
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
}

.reise-bildergalerie img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
}

.caption {
  text-align: center;
  font-size: 0.85rem;
  color: #666;
  margin-top: 0.3rem;
}
*/




/* Overlay-Hintergrund 
.overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  z-index: 9999;
  align-items: center;
  justify-content: center;
}


.overlay-content {
  position: relative;
  width: 90%;
  height: 90%;
  max-width: 1200px;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 0 40px rgba(0,0,0,0.5);
  display: flex;
  flex-direction: column;
}


.overlay iframe {
  flex: 1;
  border: none;
  width: 100%;
  height: 100%;
}


.close-overlay {
  position: absolute;
  top: 12px;
  right: 16px;
  font-size: 2rem;
  background: none;
  border: none;
  cursor: pointer;
  color: #333;
  z-index: 10000;
}
.close-overlay:hover {
  color: #d00;
}
*/

/* ========== Tagebuch-Öffnen-Button ========== 
.tagebuch-link a {
  display: inline-block;
  background-color: #007396;
  color: white;
  padding: 0.6em 1.2em;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 500;
  font-size: 1rem;
  transition: background-color 0.3s ease;
}

.tagebuch-link a:hover,
.tagebuch-link a:focus {
  background-color: #005f7a;
  outline: none;
}
.tagebuch-keinlink p{
  display: inline-block;
  background-color: #FF8801;
  color: white;
  padding: 0.6em 1.2em;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 500;
  font-size: 1rem;
  transition: background-color 0.3s ease;
}


.close-tab-link {
  position:fixed;
  top:0;
  right:10px;
  background-color: #007396;
  color: white;
  padding: 0.6em 1.2em;
  border-radius: 0 0 4px 4px;
  text-decoration: none;
  font-weight: 500;
  font-size: 1rem;
  z-index: 9999;
}
.close-tab-link:hover {
  background: #ddd;
  color:#000;
}*/
footer {
  padding-top:40px;
  border-top: 2px solid #FFF;
  margin-top:40px;
}

#footer .inside .alltrip {
  display: flex;
  flex-wrap: wrap; /* Erlaubt Zeilenumbruch */
  justify-content: space-between;
  gap: 20px; /* etwas Abstand */
}

/* Grundstil für .footerbox */
#footer .footerbox {
  flex: 1; /* Basis für 3 Spalten auf größeren Screens */
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
}

#footer .footerbox a {
  color: #FFF;
  text-decoration: none;
  font-size: 18px;
  line-height: 28px;
}

#footer .footerbox h2 {
  margin-top:0em;
}

#footer .footerbox h2 a {
  font-weight: bold;
  font-size: 36px;
}

#footer .footerbox a:hover {
  text-decoration: underline;
}
#footer p.info{
  display:none;
}

/*========================= Copyright =========================*/
.copyright{
  width:100%;
  text-align: center;
  line-height: 40px;
  border-top:1px solid #999;
  margin-top:20px;
  font-size:16px;
}

.copyright a{
    font-size:16px;
    color:#fff;
    text-decoration: none;
}

.copyright a:hover{
    color:#ff0000;
}

.global{
    display:block;
}

.mobile{
  display:none;
}
/*========================= Queries =========================*/
/* ========== Viewport max. 1024px ========== */

@media (max-width: 1024px) {
  footer{
    max-width:100%!important;
  }
  #footer .footerbox {
    flex: 1 1 30%;
  }
  #footer .footerbox h2 a {
    font-size:24px;
  }
}


/*========================= max. 768px =========================*/
@media all and (max-width: 768px) {
  #footer .footerbox {
    flex: 1 1 90%;
  }
  #footer .footerbox::after {
    content: '';
    display: block;
    width: 80px; /* gewünschte Border-Länge */
    margin: 12px auto; /* Abstand und Zentrierung */
    border-bottom: 1px dashed #fff;
  }
  #footer .footerbox.suedamerika::after {
    border-bottom: 0px;
  }
  
  .global{
    display:none!important;
  }

  .mobile{
  display:block!important;
  }

}
/* =========== Suche ========== */
.search-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.search-wrapper .search-icon {
  background: none !important;
  border: none !important;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}

.search-wrapper .search-icon:hover svg {
  color: yellow; /* optional: dunkler bei Hover */
}

.search-wrapper svg {
  width: 2.5rem;
  height: 2.52rem;
  display: block;
  color: white;
  font-weight:bold;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
/* =========== Login - Formular ========== 

#colorbox #cboxLoadedContent {
  background: #1a1a1a;
  color: #fff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.5);
  border:1px solid #444444;
}
*/
.mod_login .widget {
  min-width:320px;
  margin-bottom: 16px;
}

.mod_login label {
  display: block;
  margin-bottom: 6px;
  color: #fff;
}

.mod_login input[type="text"],
.mod_login input[type="password"] {
  width: 90%;
  min-width:200px;
  padding: 10px 12px;
  font-size: 1rem;
  border-radius: 8px;
  border: 1px solid #444;
  background-color: #2b2b2b;
  color: #fff;
  transition: border 0.3s ease;
}

.mod_login input[type="text"]:focus,
.mod_login input[type="password"]:focus {
  border-color: #f44336;
  outline: none;
}

.checkbox_container label{
  display: inline;
}

.mod_login .submit {
  background-color: #f44336;
  border: none;
  color: white;
  padding: 12px 20px;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
  width: 95%;
  transition: background-color 0.3s ease;
}

.mod_login .submit:hover {
  background-color: #d32f2f;
}



/*========================= Queries =========================*/
/*========================= max. 768px =========================*/
@media all and (max-width: 768px) {
  .mod_login .widget {
    min-width:280px;
  }
}
/*========================= max. 480px =========================*/
@media all and (max-width: 480px) {
  #colorbox,
  #colorbox #cboxContent,
  #colorbox #cboxLoadedContent {
    padding: 16px;
  }

  .mod_login .submit {
    font-size: 0.95rem;
    padding: 10px 16px;
  }
}