body{font-family: "Frutiger Neue", Helvetica, Arial, sans-serif;padding:0px; margin:0px; min-width:400px; line-height: 26px;}

h1{margin:0 0 10px 0; color:#267589}
.schriftgross{font-size:18px; color:#333;}
.bgverlauf {background: rgb(222,222,222);background: linear-gradient(189deg, rgba(222,222,222,1) 0%, rgba(59,130,148,1) 100%);}

#titel {font-size:36px; font-weight:bold; display:block; margin-left:20px }
#top { width: 100%; height:35px; position: relative; z-index: 10000;}
.topverlauf, #loginmaske{ background: rgb(7,73,90);background: radial-gradient(circle, rgba(7,73,90,1) 0%, rgba(23,117,142,1) 100%);}

#header{height:80px; width:100%; position:fixed; z-index:1000; opacity:0.9; top:0px; border-bottom:5px solid #DBE1E1;}
.headerverlauf {background-color:#28788d;}
.zumstart img:hover{scale:110%;  transition: .4s;}
#mlogo {position: relative; z-index: 10000}
.zumstart {margin-left:30px; padding-top:5px}
#positionierung{ margin:130px auto; max-width:1200px;}

#navigation {margin:-20px -20px 20px -20px; min-height:30px; line-height:30px; color: #3C8395; padding-left:20px; border-top:2px solid #eee;;
kground: rgb(218,224,224); background: radial-gradient(circle, rgba(218,224,224,1) 0%, rgba(237,240,240,1) 100%);}

#menutop {float:right; font-size:14px; font-weight:bold; margin-right:20px; margin-top:5px; position: relative; z-index:100000}
#menushow {position:absolute;  right:-5px; top:50px;  width:300px; line-height:50px; display:none;   }
#gesetzartikell {width:390px; margin-left:-130px;}
#entscheidel{width:770px; padding:10px; margin-left:-400px;}
#analysel{width:770px; padding:10px; margin-left:-280px; }
#gesetzartikell, #entscheidel, #analysel{ padding:5px; border-radius:10px; border:1px solid #bbb; display:none; text-align:right; margin-top:8px; position:absolute; background: linear-gradient(103deg, rgba(254,254,254,1) 0%, rgba(231,231,231,1) 100%);}

#mobilemenu {float:right; margin:-26px 30px 0 10px;  }
#triggermenu{cursor:pointer; display:block;  position:relative; z-index:100000}

#container {margin:20px; padding:20px; border:1px solid #ddd;  background-color:#fff; min-height: 500px;
-webkit-box-shadow: -5px 21px 11px -13px rgba(201,201,201,0.94);
-moz-box-shadow: -5px 21px 11px -13px rgba(201,201,201,0.94);
box-shadow: -5px 21px 11px -13px rgba(201,201,201,0.94);
line-height: 26px !important;}

#footer{width:100%; background-color:#F8F8F8; height:30px;margin-top:-40px}
#footerposition{max-width:1200px; margin:0 auto; }
#footercontent{margin:0 20px 20px 20px; padding:20px; font-size:14px; line-height:20px }
#datenschutz {height: 80px; position: fixed; bottom:0%;width:100%; background-color: #1C5A6A; opacity: 1;padding:20px; font-size:15px; color:#fff}
input:checked + .slider { background-color: #4C8D9D;}
input:focus + .slider { box-shadow: 0 0 1px #000;}
input:checked + .slider:before {  -webkit-transform: translateX(46px);  -ms-transform: translateX(46px);  transform: translateX(46px);}
iframe{border:0;}
#wrappertop{margin:0px auto; max-width:1150px; height:30px; clear:both}
#wrappertoppos{float: left }

#ueberuns, #regist{float:right; padding:10px; color:#fff; font-size:14px; cursor:pointer;  }
#ueberuns:hover, #regist:hover{color:#bbb}
#login{margin-top:0px; font-size:14px; padding:7px 20px; cursor:pointer; float:right;}
#login:hover {color:#bbb !important;}
#login {color:#fff;}

#de, #fr, #en, #it,.jlg {
  float:right; font-weight:bold ; margin-bottom:10px ; line-height: 22px;
 background-color: #fff;
  color: 000;
  padding: 0px 4px 0px 4px ;
  text-align: center;transition: .4s;
  text-decoration: none; border-radius:4px; border:1px solid #ccc;
  display: inline-block; cursor: pointer; min-width:30px;
  font-size: 14px; margin-right:10px
}
#de:hover,#en:hover,#it:hover,#fr:hover, .jlg:hover {background-color:#317C8E !important; color: #fff;}
.rotate{transform: scaleY(0.1);}

#loginmaske{border:10px solid #eee; width:100%; heigh:300px; padding:15px; border-radius: 10px; color:#fff; display:none;  }
#einloggen, #vergessen, #neu, #zumlogin {font-size:15px; padding:2px; cursor:pointer; margin:1px 0 0 10px  }
#vergessen, #neu, #zumlogin {font-size:14px; }
#loginmaske input{margin-top:10px}
#remove {font-size:11px; margin-top:-5px; position: absolute; color:#1F5E6D; display: none}

@media (max-width: 870px) {
	#container {opacity:1; margin:0px;}
	#menutop, #mobilemenu {display:block; } 
	#header {height:50px !important} 
	#contlogin,#login, #loginmaske {display:none;} 
	#titel {margin-top:0px; font-size:32px; } 
	#menutop {display:none;} 
	.headerverlauf {background-color: transparent;}
	#top {height:50px} .zumstart {margin-top:-47px;}
	.button{width:95%; padding:10px !important}.box3, .box2 {float:left; width:95%; } .filter {width:94% !important;} .input-standard{width:90% !important; margin-left:10px;}
	}
@media (max-width: 1000px) {.footerhidden {display:none;}}
@media (min-width: 871px) {.leftpc{float:left} .headerverlauf {background-color:#4E8E9E;} #top {height:35px;}  #login {display:block;}}
@media (min-width: 870px) {#mobilemenu {display:none}}
@media print{.no-print {display: none !important; }}

mark {background-color: yellow; padding:2px 0 2px 0}

.box1, .box2, .box3 {margin-top:10px; padding:10px; font-size:16px; min-width:300px }
.box2{display: inline-block;  width: 31%;}
.box3{display: inline-block;  width: 32%; float:right}
.box2 table{height:310px}
.box3 table{height:310px}
.bar1, .bar2, .bar3 { width: 35px; height: 3px; background-color: #efefef; margin: 7px 0; transition: 0.4s; position:relative; z-index: 100000}
.change .bar1 { -webkit-transform: rotate(-45deg) translate(-9px, 8px); transform: rotate(-45deg) translate(-9px, 8px);}
.change .bar2 {opacity: 0;}
.change .bar3 {-webkit-transform: rotate(45deg) translate(-6px, -8px); transform: rotate(45deg) translate(-8px, -8px);}
.titelschrift{background-color:#267589; font-size:18px; color:#fff; margin:-10px 0px 0px 0px ;  padding:9px 9px 9px 10px; font-weight:bolder}
.nachweis{font-size:10px}
.print, .zumstart{cursor:pointer}
.marker {position:absolute; border-left:2px solid; width:2px; height:20px; margin-top:-2px; margin-left:-6px;}
.markerbge {position:absolute; border-left:2px solid; width:2px; height:20px; margin-top:-20px; margin-left:-20px;}
.markergesetz {position:absolute; border-left:2px solid; width:2px; height:20px; margin-top:-16px; margin-left:-6px;}
.filter{width: 180px; font-size: 14px;line-height: 18px;background: linear-gradient(103deg, rgba(254,254,254,1) 0%, rgba(231,231,231,1) 100%);  margin:8px; padding:10px;  border:1px solid #cccc; border-radius:5px}
.switch {  position: relative;  display: inline-block;  width: 80px;  height: 25px;}
.switch input {   opacity: 0;  width: 0;  height: 0;}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 8px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.grauverlauf, body{background: rgb(255,255,255); background: radial-gradient(circle, rgba(255,255,255,1) 50%, rgba(190,200,200,1) 100%); }
.short {font-size:16px;margin-left:20px}
.slider.round { border-radius: 34px;}
.slider.round:before { border-radius: 50%;}
.video-container {position:relative;padding-bottom:56.25%;	padding-top:0px;	height:0;	overflow:hidden;}
.video-container iframe {position:absolute;	top:0; left:0;	width:100%;	height:100%;}

.button {border:2px solid #ccc; padding:5px 15px 5px 15px; margin:10px; color:#fff; cursor:pointer; background: rgb(7,73,90);background: radial-gradient(circle, rgba(7,73,90,1) 0%, rgba(23,117,142,1) 100%); border-radius:5px;  font-weight:bold;}
.button:hover {border:2px solid #444}
.input-standard {border:0; border-bottom:2px solid #333; padding:5px; font-size:15px; background-color: transparent}
.input-standard:focus{border-bottom:2px solid #4A8190;}
.tabllenueberschrift {font-weight:bold; border:1px solid #ccc; padding:8px 15px 8px 15px; color:#fff; background: rgb(7,73,90);background: radial-gradient(circle, rgba(7,73,90,1) 0%, rgba(23,117,142,1) 100%); border-radius:5px}
.werbung {overflow: hidden}
.schlagwoerter{cursor: pointer; }
.schlagwoerter:after{
    content: "Die Schlagwörter wurden mit einem Algorithmus von SWISSRIGHTS erstellt.";
    padding: 5px 10px 5px 5px;
    display:none;    
    width: 300px;   
    background-color: #205C6B; color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
	font-weight: bold;
    
}
.schlagwoerter:hover:after{display:grid; margin-top: -70px;   float:left; position: absolute}
#feedbacklogin, #feedbackloginstat {display: none}
#loginmaskemeldung  input {border-radius:5px; padding:10px;margin:10px  }