body {
  color: var(--primary-font-color) !important;
	font-size: 1.2rem;
	
}

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  color: var(--headline-font-color) !important;
  line-height: 1.0 !important;
  }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    color: var(--headline-small-font-color) !important;
    }


  
button, .button {
  	background-color: var(--button-bg-color) !important;
  	color: var(--button-font-color) !important;
  	text-decoration: var(--button-text-decoration) !important;
}

button:hover, button:focus, .button:hover, .button:focus {
	background-color: var(--button-hover-bg-color) !important;
	color: var(--button-hover-font-color) !important;
	text-decoration: var(--button-hover-text-decoration) !important;	
}
	
.row {
	/* max-width: 77.5em !important; */ 	
}

a.clearing-close {
	font-size: 60px;
	color: #FFFFFF !important;;
	text-decoration: none;
}

#scrollToTopButton {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    background-color: var(--button-bg-color); /* Set a background color */
    color: var(--button-font-color) !important; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    border-radius: 15px;
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;
	padding-bottom:15px;
	text-align: center;
}

#scrollToTopButton:hover {
    background-color: var(--button-hover-bg-color);
    color: var(--button-hover-font-color);  
}


.maincontentdiv {
	padding: 30px;
}

table tbody {
	border: none;
}

a {
	text-decoration: var(--link-text-decoration) !important;
	color: var(--link-font-color) !important;
}

a:hover {
	color: var(--link-hover-font-color) !important;
	text-decoration: var(--link-hover-text-decoration) !important;
}


table.noBorderNoColor, table.noBorderNoColor td, table.noBorderNoColor tr {
	background: transparent !important; 
}

.headerHCMSLogo {
	margin-top: 30px;
}

.headerHCMSText {
	text-align: center;
	margin-top: 40px;
}

.headerHCMSInfo {
	margin-top: 33px;
}

.headerHCMSLoginContainer {
	margin-bottom: -10px !important;
}


.footerdiv * {
	color: #FFFFFF !important;
}

.footerdiv {
	background: #333333;
	color: #FFFFFF;
	padding: 10px;
}

.footerdiv  table td, .footerdiv  table tbody {
	background: #333333 !important;
	border:none !important;
	padding: 0;
}

.footerImprint {
	background: #FED905 !important;
	color: #333333 !important;
	padding: 5px;
}

.footerImprint a {
	color: #333333 !important;
	font-weight: bold;
}

.orbit-controls button, .orbit-controls button:focus {
	background: transparent !important;
}

.orbit-controls button:hover {
	background: #333333 !important;
}

.footerHCMSLoginContainer {
	background: #262626;
	padding: 20px !important;
}

.menuLogo img {
	max-height: 55px;
}

.top-bar-left {
	position: relative;
	left: 0;
	float: left !important;
	text-align: left !important;
}

.top-bar-right ul li {
	float: right !important;
	text-align: right !important;
}

.menuDiv {
	padding-top: 15px;
	padding-bottom: 10px;
}

.stickyMenu {
	background: #FFFFFF !important;
}

/* content */

.articleContentTemplate, .articleContentTemplate table, .articleContentTemplate ul li {
	line-height: 1.5;
	margin-top: 15px;
}

.articleContentTemplate, .articleContentTemplate table {
	font-size: 1.3rem;	
}

.articleContentTemplate {
	list-style-image: url('/images/li-kirport-wuerfel.png');
	padding-left: 15px;
}

.template1 {
	
}

.template2 {
	background: var(--secondary-bg-color) !important;
	color: var(--secondary-font-color) !important;
	font-size: 2rem;
}

.template2 h2, .template6 h2 {
	color: #FFFFFF !important;	
}

.template2 i {
	font-size: 4rem;
	padding-top: 15px;
	padding-bottom: 15px;
}

.template4 {
	font-size: 1rem;
}

.template4  h1, .template4 h2 {
	margin-bottom: 10px !important;	
}

.template6, table.noBorderNoColor tbody  {
	background: var(--teritary-bg-color) !important;
	color: var(--teritary-font-color) !important;
}

.template6 a, .template6 h2 {
	color: var(--teritary-font-color) !important;
}


.template6 .mailformTextPrivacyPolicy {
	font-size: 1rem;
}

.template6 table.noBorderNoColor {
	padding-top: 0px !important;
	margin-top: -5px !important;
}

#wasistkirport {
	padding-top: 15px;
	margin-top: -10px !important;
	background: #F1F1F1;
}


/* Small only */
@media screen and (max-width: 39.9375em) {
	
	h1 {
	  	font-size: 2.225rem !important;
	  	padding-bottom:15px; }
	
	h2 {
	  	font-size: 2.0rem !important; }
	
	h3 {
	  	font-size: 1.775rem !important; }
	
	h4 {
	  	font-size: 1.255rem !important; }
	
	h5 {
	  	font-size: 1.0rem !important; }
	
	h6 {
	  	font-size: 0.825rem !important; }
	
	
	/* Centered text */
	
	.centeredText  {
		padding-right: 45px;
      padding-left: 45px; 
	}
	
	.centeredText * {
	text-align: left !important;	
	  font-size: 1.2rem;
	  font-style: italic;
	  
	}
	
	.centeredText h1 {
		text-align: left !important;
		font-size: 2.5rem !important;	
	}
	
	.menuLogo {
		text-align: center;
	}
	
	.menuText ul {
		padding-top: 15px;
	}
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	
	.template4 {
		position: relative;
	}
	
	/* Centered text */
	.centeredText {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  color: #FFFFFF !important;
	  font-size: 1.3rem;
	  font-style: italic;
	  text-shadow: 
		     2px  2px 2px black,
		     2px -2px 2px black,
		    -2px  2px 2px black,
		    -2px -2px 2px black;
	  width: 90%;
	}
	
	.centeredText h1 {
		color: #FFFFFF !important;
		font-size: 2.0rem !important;	
		text-shadow: 
		     2px  2px 2px black,
		     2px -2px 2px black,
		    -2px  2px 2px black,
		    -2px -2px 2px black;
		margin-bottom: 20px;
	}

	.centeredText .button {
		margin-top: 15px;
		margin-left: 5px;
		margin-right: 5px;
		font-size: 1.1rem;
		padding: 10px !important;
		font-style: normal !important;
		text-shadow: none !important;
	}
	
}

/* Large and up */
@media screen and (min-width: 64em) {
	
	.template4 {
		position: relative;
	}
	
	/* Centered text */
	.centeredText {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  color: #FFFFFF !important;
	  font-size: 2.2rem;
	  font-style: italic;
	  text-shadow: 
		     2px  2px 2px black,
		     2px -2px 2px black,
		    -2px  2px 2px black,
		    -2px -2px 2px black;
	  width: 90%;
	  
	}
	
	.centeredText h1 {
		color: #FFFFFF !important;
		font-size: 3.4rem !important;	
		text-shadow: 
		     2px  2px 2px black,
		     2px -2px 2px black,
		    -2px  2px 2px black,
		    -2px -2px 2px black;
		margin-bottom: 40px;
	}

	.centeredText .button {
		margin-top: 15px;
		margin-left: 5px;
		margin-right: 5px;
		font-size: 1.5rem;
		padding: 20px !important;
		font-style: normal !important;
		text-shadow: none !important;
	}
	
}


/* Medium and up */
@media screen and (min-width: 40em) {
	
	h1 {
	  	font-size: 3.225rem !important;
	  	padding-bottom:15px; }
	
	h2 {
	  	font-size: 2.75rem !important; }
	
	h3 {
	  	font-size: 2.275rem !important; }
	
	h4 {
	  	font-size: 1.75rem !important; }
	
	h5 {
	  	font-size: 1.255rem !important; }
	
	h6 {
	  	font-size: 0.825rem !important; }
	
	.menuLogo {
		text-align: left;
	}
	
	.menuText ul {
		float: right;
	}
	
	.stickyTop {
		background: #FFFFFF;
		padding-top: 15px;
		margin-top: -10px !important;
	}
	
	#scrollToTopButton {
		bottom: 20px; 
	    right: 20px;
	}
	
}