html{
 background: #1f1f1f;}

body { 	
	margin: 0; padding: 0;
	height:100%;
	width:100%;
	font-family: 'ptsans', sans-serif;	
	font-size: 16px;	
	color: #fff;
	background: #333333;
	
}
a:link, a:visited {
	text-decoration: none;
	transition:0.5s all;
	color: #509fb9;
}
a:hover, a:active {
	text-decoration: none;
	transition:0.5s all;
	color: #9ed2ff;
}

h1, h2, h3, h4, h5, h6 {
	color: #9ed2ff;
}
p {
	margin:0;
}

h1 { 
	padding: 0 0 20px 0;
	font-size: 24px;

		
}

h2 { 
	padding: 0 0 20px 0;
	font-size: 22px;		
}

h3 { 
	padding: 0 0 20px 0;
	font-size: 20px;	
}
h4 {	
	font-size: 18px;	
	
}

h5 {
	padding: 0 0 20px 0;
	font-size: 16px;	
}

h6 {
	padding: 0 0 20px 0;
	font-size: 14px;	
}

hr {
	border:solid #9ed2ff 0.1px;
	opacity: 0.6;
	clear:both;
}

.important	{font-weight:bold;color:#f00;}
.code				{font-family: "Courier New", Courier, mono; color:#093;letter-spacing: 1px;}


/*THR Form*/
.input_name_field,
.input_message_field {
	font-family: ptsans;
	font-size: 15px;
	border: 1px solid #666; 
	background: #333; 
	color: #eee; 
	padding:2px; 
}
textarea { 
	font-family: ptsans;
	font-size: 15px;
	border: 1px solid #666; 
	background: #333; 
	color: #eee; 
	min-width: 180px;
	padding:2px; 
}
input[type=text],
input[type=email],
input[type=password]{
	font-family: ptsans;
	font-size: 15px;
	border: 1px solid #666; 
	background: #333; 
	color: #eee; 
	padding:2px; 
}

select {
	font-family: ptsans;
	font-size: 15px;
    border: 1px solid #666; 
	background: #333; 
	color: #eee; 
	padding: 2px; 
	min-width: 180px;
}

button[type=button],
input[type=submit] {
font-family: ptsans;
	border: 1px solid #666; 
	background: #333; 
	color: #eee; 
	font-size: 15px;
	letter-spacing: 0px;
    word-spacing: 0px; 
	padding:2px 5px 2px 5px; 
	width: auto;
    cursor:pointer;
	box-shadow: 4px 3px 5px 1px #262626;
}
button[type=button],
input[type=submit]:active {
transform: scale(0.97);
	box-shadow: 1px 1px 2px 0px #262626;
}

input[type=number] {
	font-family: ptsans;
	font-size: 15px;
	border: 1px solid #666; 
	background: #333; 
	color: #eee; 
	padding:2px; 
	width:50px; 
	letter-spacing: 5px
}

input[type="checkbox"] {
	appearance: none;
	 cursor: pointer;
	width: 20px;
	height: 20px;
	border: 1px solid #aaa;
	background-color: #333;
	background-clip: content-box;
	padding: 1px;
	margin: 15px 10px -5px 0px;
    -webkit-transition: all 0.6s ease;
	transition: all 1s ease;
}

input[type="checkbox"]:checked {
	background-color: #ffcc00;
	 cursor: pointer;
	-webkit-transition: all 0.6s ease;
     transition: all 1s ease;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
}

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
	line-height: 22px;
    display: inline-block;
    color: #eee;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid white;
    border-radius: 100%;
    background: #333;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 16px;
    height: 16px;
    background: #ffcc00;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 100%;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.captcha_iframe{
font-family: ptsans;
	border: 1px solid #666; 
	background: #333; 
	color: #eee; 
	font-size: 15px;
	letter-spacing: 0px;
    word-spacing: 0px; 
	padding:2px 5px 2px 5px; 
	/*width: auto;*/
    cursor:pointer;
}

/*Class for Search*/
.radio {
    width:20px; 
}

/*Scrollbar*/
::-webkit-scrollbar {
  width: 15px;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 10px #ddd;
	background: #ddd;
}
::-webkit-scrollbar-thumb {
  background: #565656;
}
/*THR Form*/

.csc-frame-frame1 {border-top: 1px solid #999; border-bottom: 1px solid #999; text-align:center}

.wrapper { width: 100%; margin: -43px auto 0 auto; position:relative;
		
}
.top_hero {background: #666 url(../images/header.jpg) no-repeat fixed top right; background-size: 100% auto; position:relative; }

.top_hero .herospacer {float:left; width:1%; padding-top: 25%;  padding-bottom: 0;  }

.top_hero .herospacer_clear {height:43px; width:100%; clear:both;}

.contentbox { width: 96%; max-width: 1600px; margin: 0 auto 0 auto; padding: 0px 0}

/*===========================================================
Contentbereich
*/

.container {margin: 0 auto 0 auto;  padding: 10px 1%;}
.mainbox {}

.content { /* main content */
	width: 100%;
	float: left;
	display:inline;
	margin-left: 0;
}

.usegrid3 .content.contentnarrow {width: 66%;}
.mainbox .contentwide  {width:100%; margin:0 0 0 0;}

.clearcontent {height:10px; clear:both; }


.grid {
  display: grid;
  gap: 10px;
	grid-template-columns: 70% 30%;
}
.main {
	padding: 0 15px 0 0;
}
.side {
	padding: 0 10px 0 25px;
	border-left: 2px solid #fff;
}
.main,
.side {
  /*nix*/
}

@media(max-width: 736px){
  .grid {
	  grid-template-columns: 100%; 
  }
	.side {
	border-left: none;
		border-top: 2px solid #fff;
		padding: 10px 0 0 0;
  }
	.main {
	padding: 0 0 25px 0;
  }
}

.thrfooter{
	padding: 15px 0px 0px 0px;
	background: #1f1f1f;
	text-align: center;
	color: #fff;
	 		font-weight: bold;
	        font-style: normal;
	        font-size: 16px;  
}
.thrfooter a {
	        color: #509fb9;
			text-decoration: none; 
}
.thrfooter a:hover {
				color: #ffcc00;
				text-decoration: none; 
}

.copyright{
	padding: 0px 0px 25px 0px;
	line-height: 20px;
	background: #1f1f1f; 
	text-align: center;
	color: #fff;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;  
}

.copyright a {
	        color: #509fb9;
			text-decoration: none; 
}
.copyright a:hover {
				color: #ffcc00;
				text-decoration: none; 
}

/* Back to Top */
#backtotop {
  display: inline-block;
  background-color: #909090;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 5px;
  right: 5px;
  transition: background-color .5s, 
  opacity .5s, visibility .5s;
  opacity: 0.4;
  visibility: hidden;
  z-index: 1000;
}
#backtotop::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  line-height: 30px;
  color: #ffffff;
}
#backtotop:hover {
  cursor: pointer;
  background-color: #606060;
}
#backtotop:active {
  background-color: #909090;
}
#backtotop.show {
	opacity: 0.4;
  visibility: visible;
}

#nav {margin:0 0 0 0; position:absolute; z-index:5000; bottom:0; right:0%;  transition: 0.5s all;}


/* Search Box in header */
li.search_box_li a {border: none ! important;}
.menuebox {width: 75%; height:100%; float:left; position:relative;} 
.toggleMobileMenu {display:none; width:10%;}
#openrightboxswitch, #closerightboxswitch{display:none;}


/*Could be visible on Desktop*/
#nav2 {width:250px; height: auto; position:absolute; left:-300px; }

/*somen modules*/
.gc_style1 input, .gc_style1 textarea, body .container .gc_style1 blockquote {  background-color: #555; }	

.showonmobiles  {display:none;}

/* ====================================================================================================================
Responsive:
*/
@media screen and (min-width: 1200px) {}
@media screen and (min-width: 1025px) {}


/*Smaller Screens */
@media screen and (max-width: 1400px) {}

/*Smaller Screens */
@media screen and (max-width: 1200px) {

.top_hero .herospacer {padding-top: 20%;  }
	
	#topmenubox #nav {display:none;}			
	.toggleMobileMenu {display:block; float:right; height:50px; background: url(../images/menuswitch.png) no-repeat top right; margin:7px 20px 0px 0px;}

	
	/*Nav*/
	
/*	.breadcrumbs { height:560px; }*/
	
	#nav2 {width:250px; height: auto; position:absolute; margin-top: -99px; left:-300px; top:100px; z-index:2000; transition: left 1s; }
	#nav2 li {width:250px;  padding: 0 0 0 0; }
	#nav2 li a {display:block; padding: 12px 0 12px 20px; font-size:18px;  color:#000; text-decoration: none; border-bottom: 1px solid #fff;}
	#nav2 li li a {padding: 10px 0 10px 30px; font-size:16px;  }
	#nav2 li li li a {padding: 8px 0 8px 40px; font-size:14px; }
	#nav2 li li li li a {padding: 6px 0 6px 50px; font-size:13px; ;}
	
	#nav2 li ul {display:none;}
	#nav2 li.menu-parent > ul, #nav2 li.menu-current > ul {display:block;}
	#nav2 li.is_opened > ul, #nav2 li.is_opened > ul {display:block;}
	
	#nav2 li a.menu-expand {background: transparent url(../images/arr-down.png) no-repeat left center ;}
	#nav2 li a.menu-current { color:#fff;  text-shadow: 1px 2px 4px #000;}
	
	#nav2 ul li a.menu-expand.is_opened, #nav2 ul li a.menu-parent {font-weight:bold; background: #ddd url(../images/arr-right.png) no-repeat 2px center ; }
	#nav2close {display:none; z-index:1990; position:absolute; top:0; width:100%;  height: 900px; background-image:none;}
	
	
	
	
	.breadcrumbs { width: 100%; height: auto; }
	.innerbc { margin: 2px 0 5px 2%; width: 96%; }
	.innerbc span  {display: block; float:left; padding: 2px 2px 2px 12px; margin: 0 0 5px 0;}
	.innerbc b  {display: none;}
	
	.mobilemenuopen  #nav2 {left:0; }
	.mobilemenuopen #nav2close {display:block;} 
	
	 
	h1 { font-size: 2.2em;}
	h2 {font-size: 1.8em;}
	h3 {font-size: 1.6em; }
	
	.claimbox h2 {font-size:20px; line-height:110%;}
	.claimbox h3 {font-size:16px; line-height:110%;}
	
	
	/*Teasers*/
	.tsrs_block3 {font-size: 0.95em;}
	
	
}
/*Show and Hide Responsive*/
.hideOnDesktops {display: none;}
body .showOnDesktops {display: block;}	

	



/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) {
	img.pic2left, img.pic2right {max-width: 100%;  margin: 3px 0 2px 0;}
	img.pic3left, img.pic3right, img.pic4left, img.pic4right  {max-width: 49%;}
	
	/*Show and Hide Responsive*/
	body .hideOnTablets {display: none;}
	.hideOnDesktops {display: block;}
	body div .showOnTablets {display: block;}
	
	

}

/* Small devices (Smartphone, up to <440px) */
@media (max-width: 440px) {
	img.pic2left, img.pic2right {max-width: 100%;  margin: 3px 0 2px 0;}
	img.pic3left, img.pic3right, img.pic4left, img.pic4right  {max-width: 49%;}
	
	/*Show and Hide Responsive*/
	.hideOnMobiles {display: none;}
	body .hideOnTablets {display: block;}
	body .hideOnDesktops {display: block;}
	body div .showOnMobiles {display: block;}

}


/* ======================================================================
Smaller Screens */
@media screen and (max-width: 768px) {
	
	.mainbox, .content, .contentwide, .contentwidenarrow, #rightbox, .main {float: none; clear:both; width:100% ! important; border-left:none; display:block;}
	.content {margin: 0 0 0 0 ! important;}
	#rightbox  {border-top:10px solid #999; padding-top:20px;}
	#rightbox .inner { margin: 0 0 0 0;}
	
	
	h1 { font-size: 2.0em;}
	h2 {font-size: 1.6em;}
	h3 {font-size: 1.4em; }

}

/* ======================================================================
Smaller Screens */
@media screen and (max-width: 480px) {
	body { 	font-size: 0.90em; }
}