/** body, html {
 	margin:0;
  	height:100%;
	font-size:1em;
	color:#333;	
	scroll-behavior: smooth;} **/

.schmidtner {
	background:#000 url("../img/schmidtner-icon.png") no-repeat right 10px center;
	color:#fff;
	padding:12px 60px 12px 12px;
	text-align:right}

.schmidtner a {
	color:#fff;
	text-decoration:underline;}		

.schmidtner a:hover {
	color:#495b5f;
	text-decoration:underline;}		
	
@media (max-width: 576px) {
   body {
	  font-size:1em;}
	  
   .schmidtner, .breadcrumb  {
      font-size:0.8em;}
}

@media (max-width: 768px) {
   .mobile-display-none  {
      display:none;}
}				

a {
	color:#002c6b;}
	
.link-light {
	color:#fff;}	

li {
	margin:15px 0;}
	
hr {
	margin:25px;
	width:100%;
	height:2px;
	background-color:#002c6b;}
	
 h1 {
	font:normal 2.8em "Trebuchet MS";
	color:#002c6b;
	text-align:center;
	margin:0 0 30px 0;}
	
h2 {
	font:normal 2.2em "Trebuchet MS";
	color:#002c6b;
	text-align:center;
	margin:30px 0;}
	
h3 {
	font:normal 1.5em "Trebuchet MS";
	margin:30px 0;
	text-align:center;}	

h4 {
	font:normal 1.5em "Trebuchet MS";
	margin:30px 0;}	
	
p {
	line-height:30px;}
	
img.prospektcover {
	border:1px solid #002c6b;
}	
	
@media (min-width: 1600px) {
   .bannertop {

      text-align:center;}
}	
	
/** Navigation **/	
nav ul.navbar-nav {
 	font-size:1.2em;
 	text-transform:uppercase;}
	
.navbar-collapse {
	text-align:center;}		
	
/** Button **/
.btn-dark {
	margin:35px;
	padding:15px;}
	
/** Footer **/	
.dark {
	background:#222;
	color:#fff;}
	
.grey {
	background:#ebebeb;
	margin-top:200px;}
	
.btn-footer a {
	display:block;
	margin:0 0 20px 0;
	padding:20px;
	border:1px solid #fff;
	font-size:1.2em;
	color:#fff;}
	
.btn-footer a:hover {
	background:#002c6b;
	color:#fff;
	text-decoration:none;}
	
/** Diverses **/	
.glossar {
	border:1px solid #002c6b;
	padding:25px;
	
}	

.big {
	font-size:1.5em;}
	
.fazit {
	background:#002c6b;
	padding:15px;}	
	
.form-kontakt .row {
	margin:15px 0;}	
	
.form-kontakt button {
	background:#002c6b;
	color:#fff;
	border:0;
	width:100%;}		
	
.infoweb {
	display:none;}	
	
/* Side Support **/
.sidesupport {
	position:fixed;
	right:5px;
	top:32%;}
	
.sidesupport a:hover {
	text-decoration:none;}

.tele, .mail {
	display: block;
	background:#fff;
	margin-bottom:10px;
	width:50px;
	height:50px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	border-radius:100px;
	border:3px solid #fff;}

.fa-phone:before, .fa-envelope:before {
	position: relative;
	font:normal normal normal 26px/1 FontAwesome;
	color:#222;
	top:14px;
	left:14px;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
	cursor:pointer;}	
	
.fa-phone:before {
	content: "\f095";
	top:11px;
	left:12px;}
	
.fa-envelope:before {
  	content: "\f003";
	top:9px;
	left:9px;}	
	
@media ( max-width : 1300px) { 
.sidesupport {
	display:none;}
	}
	
.modal-content {
	padding:15px;
	
}	

.modal-content .close {
	text-align:right;
	cursor:pointer;
	font-weight:bold;
}
	
/** Formular **/	
.mailform {
	max-width: 1000px;
	margin: 50px auto;
	background-color: #fff;
	padding: 20px 30px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	border-radius: 8px;}

.mailform {
	display: flex;
	flex-direction: column;
}

.form-label {
	font-weight: bold;
	color: #333;
	margin-bottom: 5px;}

.form-control {
	width: 100%;
	padding: 10px;
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-bottom: 15px;}

.form-control:focus {
	border-color: #007bff;
	box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);}

.form-check {
	margin-bottom: 10px;}

.form-check-input {
	margin-right: 10px;}

.btn {
	background-color: #333;
	color: #fff;
	padding: 10px 15px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 16px;}

.btn:hover {
	background-color: #414141;}

.mb-3 {
	margin-bottom: 20px;}

#captcha-code {
	display: inline-block;
	background-color: #f8f9fa;
	padding: 5px 10px;
	font-weight: bold;
	border: 1px solid #ccc;
	border-radius: 4px;}

.form-check-label {
	font-size: 14px;
	color: #555;}

.form-check-input:checked {
	accent-color: #007bff;}

.form-check-input:focus {
	outline: none;
	box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);}

.form-container-title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #333;
	text-align: center;}

.hint {
	font-size: 12px;
	color: #888;
}