/** Generated by FG **/
@font-face {
	font-family: 'aubrey';
	src: url('/res/font/aubrey/aubrey1_.eot');
	src: local('☺'), url('/res/font/aubrey/aubrey1_.woff') format('woff'), url('/res/font/aubrey/aubrey1_.ttf') format('truetype'), 
	url('/res/font/aubrey/aubrey1_.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'yanone';
	src: url('/res/font/yanone/yanonekaffeesatz-regular.eot');
	src: local('☺'), url('/res/font/yanone/yanonekaffeesatz-regular.woff') format('woff'), url('/res/font/yanone/yanonekaffeesatz-regular.ttf') format('truetype'), 
	url('/res/font/yanone/yanonekaffeesatz-regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'designosaur';
	src: url('/res/font/designosaur/designosaur-regular.eot');
	src: local('☺'), url('/res/font/designosaur/designosaur-regular.woff') format('woff'), 
	url('/res/font/designosaur/designosaur-regular.ttf') format('truetype'), 
	url('/res/font/designosaur/designosaur-regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/** end fonts **/
body {
	margin: 0em;
	background-color: #efefef;
	font-family:  Arial,Helvetica, sans-serif;
}
.wrap {
	max-width: 960px;
	margin: 0 auto;
	background-color: #fff;
}
.logo {
	padding-left:24px;
	background-size: 32px 32px;
	height:32px;
	float:left;
	font-family: designosaur, Arial, Helvetica, sans-serif;
}
div.logo a {
	display:block;
	width:100%;
	height:100%;
	color: #72BA4B;
}
div.logo h1 {
	font-size: 30px;
	margin-top: 2px;
}
	
.clear {
	clear; both;
}
#show-password {
	visibility: hidden;
}
form.enter button[name] {
	margin-top: 0.5em;
}
form.enter label {
	font-weight: normal;
}
.alert-top {
	position: absolute;
	top:1em;
	left: 1em;	
}
.alert-top .close {
	margin-left: 1em;
}
/** forms **/
.holder .alerts span {
	display: none;
	padding-left: 18px;
	height: 16px;

}
.holder .alerts span.ok {
	background: url('../../img/icons/ok.gif') top left no-repeat;
}
.holder .alerts span.taken, .holder .alerts span.error {
	background: url('../../img/icons/krestik.png') 0 4px  no-repeat;
}
.holder .alerts {
	padding-left: 1em;
}
/*
#fb-login-btn {
	background: url('../img/fb.gif') top left no-repeat;
	background-size: 138px 20px;
	width: 138px;
	height: 20px;
	display: block;
}
#fb-login-btn:hover {
	background-image: url('../img/fb_hover.gif') ;
}*/
#fb-login-btn {
color: #fff;

border-color: #3b5998;
height: 35px;
font-size: 14px;
border-radius: 4px;
border: 0px;
cursor: pointer;
padding: 5px 10px 5px 33px ;
background:#3b5998 url('../img/icons/fblogo.png') center left no-repeat;
}
#fb-login-btn:hover {
	color: #e7e7e7;
}

.dropdown-menu #fb-login-btn {
	font-size: 10px;
}
.row {
	margin-bottom: 0.5em;
}

.alert-info {
/*	position: absolute;
	top: 0;
	left: 350px;
	width: 300px;
	z-index: 2000;*/
}
.label-info {
	background-color: #fff;
}
.toggler {
	visibility: hidden;
}
table.desc {
	border-collapse: separate;
	border-spacing: 2px;
	width: 100%;
	clear: both;

}
table.desc tr td {
	background-color:  #fff;
	color:#777;
	width: 50%;
}
table.desc tr td:first-child {
	padding-right: 0.5em;
	background-color:  #E4E4E4;
	text-align: right;
}
div.desc {
    /*max-height: 300px;
    overflow: hidden;  */
    position: relative;
}
div.desc button {
  position: absolute;
  top: 0;
  right: 0;
}
#ajax-loading {
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(250,250,250,1)), color-stop(100%, rgba(242,242,242,1)));
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=1 );
	width: 76px;
	height: 76px;

	position: fixed;
	top:50%;
	left: 50%;
	border-radius: 10px;
	display: none;
}
#ajax-loading img {
	margin: 5px auto;
}
.back-large {
	width:100%; margin-bottom:20px
}
.pagination li a {
	display: block;
}
.pagination li.active a {
	color: #fff;
}
.pagination li a:hover {
	color: #428BCA;
	font-weight: bold;
}
.searchresult_tabs li {
	width: 50%;
}
.searchresult_tabs {
	margin-bottom: 0;
}
.searchresult_tabs a {
	width:50%; float:left;
}
.searchresult_tabs .list-group-item {
    background-color: #ddd;
    border: 1px solid #dddddd;
}
.searchresult_tabs .list-group-item.active {
    background-color: #fff;
    color: #428BCA;
}
.old_annonce_preview {
	float: left;
	border: 2px solid #fff;
	margin-bottom: 5px;
}
/*** my.css ***/
#wrap {
    height: auto;
    margin: 0 auto;/*-188px*/;
    min-height: 100%;
}
.navbar-inner {
  padding: 5px 0 0 10px;
}

.navbar-collapse {
  max-height: 500px;
}
.navbar-collapse.in .nav.pull-right {
    float: none !important;
    margin-left: 0;
}
.container{
    padding-left: 0;
    padding-right: 1%;
    margin-left: 0;
    margin-right: 0;

}
.row {
   /* margin: 0;*/
   clear: both;
}
.well {
    background-color: #ECF0F1;
    border: 1px solid #D7E0E2;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 0.8em;
}
.well-dark {
    background-color: #2b3745;
    color: #fff;
}

.well a, .well a:hover  {
  color: #2b3745;
}
.well-dark a, .well-dark a:hover  {
  color: #fff;
}
h1, h2, h3, h4, h5, h6 {
    color: inherit;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 21px;
    margin: 10.5px 0;
}
h1 {
  font-family:designosaur; 
  color:#fff; margin-bottom:20px; 
   line-height: 1em;
  padding-left: 0.5em;
}
h1.logo {
  margin-top: 0;
  position: relative;
}
h1 span.glyphicon {
  font-size: 24px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
  /*  padding:0;*/
}
/*******************/
body {
/*padding-top: 60px;*/
background-repeat: no-repeat;
background-color: #fff;
background-size: 100%;
background-attachment:fixed;
min-height: 665px;/* fixed topheader + ad right*/
}

img {display: block}

.sidebar-nav {
padding: 9px 0;
}

div.ad-right-container {
position:relative;
height:900px; width:300px;
}

.ad-right {
background-color: #fff;
border: 1px solid #ccc;
width: 160px;
height:600px;
position: fixed;
top: 60px;/* the value of body padding-top*/
right:0;
margin: auto;
}


div.ad-bottom-outer {
background-color: #fff;
height:60px;
color: #fff;
left: 0;/*17.6%;/*18.094%;*/
position: fixed;
bottom: 0;
width: 100%;/**56%;/*57.265%;*/
background-color: #2b3745;
}
div.ad-bottom-inner {
border: 1px solid #ccc;
width: 428px;
height:60px;
margin-left: 17.6%;
}
select {
width: 100%;
}	

.my-well {
    background-color: #ECF0F1;
    border: 1px solid #D7E0E2;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
}

h3 {
    font-size: 1.5em;
    line-height: 1em;
}

.box {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 6px 6px 6px 6px;
    display: block;
    font-size: 14px;
    line-height: 21px;
    margin: 0 0 2em;
    padding: 10px;
    /*white-space: pre-wrap;*/
   /* word-break: break-all;*/
    word-wrap: break-word;
 	color: #7B8A8B;
}
h1.annonce-list-header {
  font-family:Monaco,Menlo,Consolas,'Courier New',monospace; font-weight:normal 
}
.teaser {
     font-family: Monaco,Menlo,Consolas,"Courier New",monospace;   
}
div.teaser h3 {
  font-size: 16px;
  color:#428BCA;
}
div.teaser h3 a {
  color:#fff;
}
div.panel-default h3 a , div.panel-default h3 a .glyphicon{
  color: #428BCA;
}


div.teaser h4 {
  font-style: italic;
  margin-bottom: 10px;
  font-size: 14px;
  color:#428BCA;
  margin-top: 5px;
  line-height: 18px;
}
div.teaser h4 a {
  color: #428BCA;;
}

#div_mietpreis {
    display: none;
}
.navbar a.brand {
	background: url('../img/majake.png') no-repeat 10px -5px;
	padding-left: 55px;
}

.offset-2 {
    margin-left: 2%;
    margin-right: 2%;
}
.navbar-default {
    background-color:#2B3745 ;
    color:#E4E4E4;
    border-color: inherit;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-default .navbar-brand {
    color: #EA463A;
    font-size: 24px;
    padding-top: 12px;
}
.btn-group, .btn-group-vertical {
    margin-left: 15px;
    margin-top: 7px;
}
.nav .caret {
    border-bottom-color: #F39C12;
    border-top-color: #F39C12;
}
#searchform .form-control {
    height: 28px;
}
fieldset {
    width: 100%;
    margin-top: 0.5em;
}
#searchform label {
    margin-top: 0.5em;
}
#searchform h3 {
    margin-top: 1em;
    color: #7B8A8B;
    font-size: 14px;
}
fieldset label, fieldset input, fieldset select, fieldset div, fieldset .form-control {
    width: 49%;
    display: inline-block;
}
/* button in the nav begin*/
.btn-custom {
  background-color: #2b3745;
  border-color: #2b3745;
  color: #fff;}
.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active {
  background-color: #233140;
  border-color: #1a252f;
  color: #F39C12;
}
.btn-custom.disabled:hover,
.btn-custom.disabled:focus,
.btn-custom.disabled:active,
.btn-custom.disabled.active,
.btn-custom[disabled]:hover,
.btn-custom[disabled]:focus,
.btn-custom[disabled]:active,
.btn-custom[disabled].active,
fieldset[disabled] .btn-custom:hover,
fieldset[disabled] .btn-custom:focus,
fieldset[disabled] .btn-custom:active,
fieldset[disabled] .btn-custom.active {
  background-color: #2b3745;
  border-color: #2b3745;
}
/* button in the nav end*/
/* button transparent begin*/
.btn-trans {
  background-color: transparent;
  border-color: transparent;
  color: #fff;
}
.btn-trans:hover,
.btn-trans:focus,
.btn-trans:active,
.btn-trans.active {
  background-color:#transparent;
  border-color: #1a252f;
  color: #F39C12;
}
.btn-trans.disabled:hover,
.btn-trans.disabled:focus,
.btn-trans.disabled:active,
.btn-trans.disabled.active,
.btn-trans[disabled]:hover,
.btn-trans[disabled]:focus,
.btn-trans[disabled]:active,
.btn-custom[disabled].active,
fieldset[disabled] .btn-trans:hover,
fieldset[disabled] .btn-trans:focus,
fieldset[disabled] .btn-trans:active,
fieldset[disabled] .btn-trans.active {
  border-color: #2b3745;
}

.btn-green {
  background-color: #7EB507;
  border-color: #7EB507;
  color: #fff;
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active {
  background-color: #6d9c06;
  border-color: #5c8405;
  color: #fff;
}
.btn-green.disabled:hover,
.btn-green.disabled:focus,
.btn-green.disabled:active,
.btn-green.disabled.active,
.btn-green[disabled]:hover,
.btn-green[disabled]:focus,
.btn-green[disabled]:active,
.btn-green[disabled].active,
fieldset[disabled] .btn-green:hover,
fieldset[disabled] .btn-green:focus,
fieldset[disabled] .btn-green:active,
fieldset[disabled] .btn-green.active {
  background-color: #7EB507;
  border-color: #7EB507;
}

/* buttons end*/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: inherit;
    color: #F39C12;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #F39C12;
  background-color: transparent;
}
.btn-default {
    /*background-color: #FFFFFF;
    border-color: #CCCCCC;
    color: #333;
    font-weight: bold;*/
}
.btn-primary {
    font-weight: bold;
}

.align-right {
    text-align:right;
}
p {
    margin: 1em 0;
}

.glyphicon {
    font-size: 1em;
    color: #fff;/*#7EB507;/*#F39C12;*/
    top: 2px;
}   
.close {
  /*  color:#fff; margin:0.5em;*/
    opacity: 0.4;
} 
/*.nav .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: #7EB507 !important;
} */
 
 ul.dropdown-menu li {
  background-color: #fff;
 }
 p {
  clear: both;
 }

a.dark, .dropdown label {
  color:#2b3745;
}
.navbar-collapse.in a.dark, .navbar-collapse.in .dropdown label{
  color: #E4E4E4;
}
.btn-group.open > .btn {
  float: none;
}
.btn-100p {
  width: 100%;
}
.orange {
  color:#F39C12 !important;
}

.hidden-xs, .hidden-sm {
  display: inline !important;
}

button.close {
  /*    right: -30px !important;
    top: -20px !important;*/
}

label {
  font-weight: normal;
}
.agb {
  padding:0.5em;
}
.agb h4 , .agb h5 {
  display: inline;
}
.modal .close {
  color: #222;
}

.green {
  color: #7EB507;
}
.darkblue {
  color: #2b3745;
}

.sidetip span {
  display: none;
  margin-left: 1em;
}
.box a {
  color: #2b3745;
  text-decoration: underline;
}
.sidetip span.alert {
  padding: 5px;
  margin-bottom: 0;
}
.alerts .alert {
  display: none;
}

.radio, .checkbox {
  margin-top: 0;
  margin-bottom: 0;
}

.dropdown label {
  color: #7B8A8B;
}

.nav-pills a {
  text-decoration: none;
  color: #428BCA;
}


@media (max-width: 980px) {
	/* Enable use of floated navbar text */
	.navbar-text.pull-right {
	  float: none;
	  padding-left: 5px;
	  padding-right: 5px; 
	}

	  div.ad-bottom {

	    background-color: #900;
	    color: #090;
	    font-size: 28px;
	  }    
	.hide-mobile-980 {
		display: none;
	}
}
 
 ul.nav {
  margin-bottom: 10px;
 }
 .ml20 {
  margin-left: 20px;
 }
  .ml10 {
  margin-left: 10px;
 }
 p.form-control-static {
  margin:0;
 }
 ul.nav-pills {
  margin-bottom: 0px;
 }
 .alert a:hover {
  color: inherit;
 }
 a.btn {
  color:#fff;
 }
 a.teaser {
  float:left; margin-right:1em;
  margin-right: 1em; display: block;
  max-width:716px;
 }
 .panel {
 	background-color: #ECF0F1;
 }
 .panel-green {
 	border-color: #7EB507;
 }
 .panel-green> .panel-heading {
    background-color: #7EB507;
    border-color: #7EB507;
    color: #FFFFFF;
}

ul.nav li.dropdown:hover .dropdown-menu {
  /*  display: block;*/    
}
.dropdown-menu {
  margin:0;
}

.navbar-toggle {
  border-radius: 0;
  border-width: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.navbar-default .navbar-toggle:hover {
  background-color: transparent;
  border-color: #F39C12;
  color: #F39C12;
}
.navbar-default .navbar-toggle:hover .icon-bar {
   background-color: #F39C12;
}
.navbar-toggle .icon-bar {
    border-radius: 1px;
    display: block;
    height: 4px;
    width: 28px;
}
.dropdown-menu hr {
  margin: 3px 0;
  border-color: #777;
}
a.underline:hover {
  text-decoration: underline;
}
.closer {
  background-color: #ccc;
      border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 1px 15px;
    margin: -0.8em;
    margin-bottom: 0.5em;
    text-align: right;
      cursor: pointer;
    color: #575757;
    font-size: 0.8em;
}
.closer span.glyphicon {
  color: #000;
  opacity: 0.2;
  text-shadow: 0 1px 0 #ffffff;  
  margin-left: 1em;
  display: inline-block;
}
.holder {
  clear: both;
}
.userpassword .glyphicon, .oldpassword .glyphicon {
  color: #2b3745;
}
span.error {
  color: #CC3333;
}
.p1 a:hover {
  color: #fff;
}
span.glyphicon.logout:hover {
  color: #F39C12;
}
.p1 a:hover {
  text-decoration: none;
  color: #E4E4E4;
}
.p1 a:hover span.label {
  color: #F39C12;
  background-color: #fff;
}
a.btn-deleted {
	color:black;
}
a.btn-deleted .glyphicon {
	color: black;
}
a.btn-deleted:hover, a.btn-deleted:hover .glyphicon {
	color:#1BBC9B;
}
a.a-back , a.a-back .glyphicon{
	color:#428bca;
	font-size:12px
}

@media  (max-width: 767px) {
  button,
  input,
  select,
  textarea {
    margin: 0 10px;
  }
  .form-horizontal .form-group {
    margin-right: 5px;
  }
}


@media (max-width: 400px) {
  .logo {
    padding-bottom: 0.5em;
    width: 50%;
  }
}

#footer {
  clear: both;
  padding:1%;
  color: #E4E4E4;
  background-color: #2b3745;
  height: 60px;

}
.footer-link {
  display: inline-block;
  margin-right: 1em;
  color: #fff;
  cursor: pointer;
}
.footer-link a {
  color: #fff;

}

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}
/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;

  /* Negative indent footer by it's height */
  margin: 0 auto 0;
}


/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
  #footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  div.desc {
    overflow: visible;
    clear: both;
  }
}
.subfooter {
   background-color: #575757;
    margin-top: -20px;
    padding: 0 1em 1em;

}
.footer-link .caret {
  border-bottom-color: #f39c12;
   border-top-color: #f39c12;
 }
 a.footer-link {
  margin-top: -1em;
 }
 #footer .btn-group {
  margin-top: 0;
 }
.ankleber {
   background-color: #6d9c06;
    border-radius: 20px;
    bottom: 9px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    height: 30px;
    line-height: 12px;
    padding-top: 2px;
    position: absolute;
    right: -5px;
    text-align: center;
    transform: rotate(-15deg);
    -ms-transform: rotate(-15deg); /* IE 9 */
    -webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */    
    width: 30px;
}
.quote {
      display: inline-block;
    font-size: 48px;
    margin-top: -40px;
}

#feedback_error {
    background-color: #c30e1f;
    color: #fff;
    margin-top: 10px;
    padding: 3px;
    text-align: center;
}
#feedback-div h6 {
  font-size: 16px;
}
#feedback-result {
  display: none;
}
.transparent-green, .transparent-green:hover {
  background-color: transparent; color: #7eb507; border:none
}
/********* matching pages ***/

.btn-navy {
  background-color: #3B556E;
  border-color: #3B556E;
  color: #fff;
}
.btn-navy:hover,
.btn-navy:focus,
.btn-navy:active,
.btn-navy.active {
  background-color: #1BBC9B;
  border-color: #5c8405;
  color: #fff;
}
.btn-navy.disabled:hover,
.btn-navy.disabled:focus,
.btn-navy.disabled:active,
.btn-navy.disabled.active,
.btn-navy[disabled]:hover,
.btn-navy[disabled]:focus,
.btn-navy[disabled]:active,
.btn-navy[disabled].active,
fieldset[disabled] .btn-navy:hover,
fieldset[disabled] .btn-navy:focus,
fieldset[disabled] .btn-navy:active,
fieldset[disabled] .btn-navy.active {
  background-color: #3B556E;
  border-color: #3B556E;
}
.nav .btn-navy .caret, .nav .btn-custom .caret {
    border-bottom-color: #fff;
    border-top-color: #fff;
}
.nav .dropdown-menu > li > a:hover {
    clear: both;
    color: #fff;
    background-color: #1BBC9B;
}
h1 {
    color: #2B3745; //#1BBC9B;
}
.btn-green {
  background-color: #1BBC9B;
  border-color: #1BBC9B;
  color: #fff;
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active {
  background-color: #ea463a;
  border-color: #ea463a;
  color: #fff;
}
.btn-green.disabled:hover,
.btn-green.disabled:focus,
.btn-green.disabled:active,
.btn-green.disabled.active,
.btn-green[disabled]:hover,
.btn-green[disabled]:focus,
.btn-green[disabled]:active,
.btn-green[disabled].active,
fieldset[disabled] .btn-green:hover,
fieldset[disabled] .btn-green:focus,
fieldset[disabled] .btn-green:active,
fieldset[disabled] .btn-green.active {
  background-color: #1BBC9B;
  border-color: #1BBC9B;
}
*, *:before,  *:after {
    box-sizing: border-box;
}
.container {
 max-width: 100%;
  width: 100%;
}
span.hidden-select-key {
  display: none;
}

body {
  margin: 0;
  padding: 0;
}
.form-inline .form-control {
  display: inline-block;
  width: auto;
}
input#bundesweit {
  margin-left:0.5em; display:inline-block;
}
div.plz-p {
  margin-bottom: 1em;
}
tr.smallth {
  font-size: 0.7rem;
}
.modal-lg {
	width: 900px;
	max-width:80%;
}
.modal-lg-max {
  width: 95%;
  max-width:95%;
}
textarea#notice {
	height:10rem;
}
.div-table {
  display: table-cell;
}
.div-row {
  display: table-row;
}
.row-th , .row-th .cell-aufgabe {
  font-weight: bold;
  background-color: #333;
  color: white;
}
.div-cell {
  display: table-cell;
  padding:5px;
}
.table-aufgabe {
  width: 100%;
  border: 1px solid #333;
}
.cell-aufgabe {
  background-color: #eee;
}
.left-bordered {
  border-left: 1px solid #333;
}
.inplace_form textarea {
  border:1px solid #333;
  width: 30rem;
  height: 8rem;
}
.table-aufgabe .emails {
  background-color: #d9ffd9;
}
.table-aufgabe .ablauf {
  background-color: #b3ffff;
}
/** augfabe page **/
.aufgabe-top {
 /* display:flex;
 justify-content:space-between;
 margin-bottom:1rem;*/
}
.aufgabe-top-1 {
 /* display: flex;*/
}
.aufgabe-top select {
  width: 10rem;
}
.aufgabe-top #searchform {
  margin-bottom: 0.5rem;
}

.content-div {
	max-width:70rem; margin:1.5rem auto; font-size:1.2em;
}

.btn:hover, .btn:focus {
	 color: white; 
}
i.gif {
	background-image: url('dual_ball.svg');
	background-size:contain;
	display:inline-block;
	width:24px;
	height:24px;
}

p.line {
  display: flex;
  gap: 3px;

}