body {
    background-color:#fff;
    font:100% Candara,Calibri,Segoe,Segoe UI,Optima,Arial,Sans-Serif;
}
#wrapper {
    left:0;
    display:block;
    margin-top:0;
    margin-right:auto;
    padding-top:0;
    vertical-align:middle;
}

@media screen and (max-width: 767px) {
#wrapper {
	margin-top:50px;
	}
}


#header {
    margin-bottom:10px;
    padding-top:0;
    padding-bottom:0;
}

.headerimage {
    width:100%;
}

.headerlogo img {
    width:30%;
    right:2%;
    top:5%;
    position:absolute;
    float:right;
} 

.headerlogo-intern img {
    width:24%;
    right:2%;
    top:5%;
    position:absolute;
    float:right;
} 

#container {
    margin-right:auto;
    margin-left:auto;
}

#main {
    width:100%;
    
    background-color:#fff;
}

.teaser a,
.back a			{
	text-decoration:none;
	font-size:1.2rem;
	font-style: bold;
	color: green; 
}

.back a {
	padding-left: 20px;
	}
	
/* Kreis mit Text */
.circle {
    right:1rem;
    top:-7rem;
    position:absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: #3498db;
  color: white;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  transform:rotate(10deg);
}

.circle:hover {
  background-color: red;
  color: white;
}

@media screen and (max-width: 767px) {
  .circle {
    right:1rem;
    top:1.2rem;
    position:absolute;
    width: 25vw;
    height: 25vw;
    font-size: 0.6em;
  }
}

@media screen and (min-width: 768px) {
.teaser p img {
	width:300px;
	padding-right: 10px;
	padding-bottom: 10px;
	display: flex;
	justify-content: flex-start;
	}
}

@media screen and (max-width: 767px) {

.teaser p img {
	width:100%;
	display: flex;
	justify-content: flex-start;
	}	
}


.ce_text {
    overflow:hidden;
    margin-bottom:0.6rem;
    vertical-align:middle;
    border: 1px solid #ebebeb;

}

.ce_text p {
    padding-right:10px;
    padding-bottom:5px;
    padding-left:10px;
    vertical-align:middle;
}

.article_titel {
    max-width:25rem;
    left:4rem;
    top:4rem;
    position:relative;
    font:1.5rem Helvetica;
    font-weight:bold;
    color:#fff;
    letter-spacing:-0.1rem;
    border: none;
}

.article_top {
    margin-bottom:0.6rem;
    padding:0.6rem;
    vertical-align:middle;
    background-color:#ebebeb;

}
.article_top p {
    padding-right:10px;
    padding-left:10px;
    vertical-align:middle;
}
.article_top h2 {
    margin-top:0;
    padding:10px;
    vertical-align:middle;
    background-color:#fafafa;
    color:#c70000;
}
.article_top h3 {
    margin-top:0;
    padding-left:10px;
    vertical-align:middle;
}

.article_top.ce_text {
	border: none;
}

/* Artikelteaser-Überschrift für grid2 (h1) */
.ce_text h1 {
    margin:0;
    padding:10px;
    vertical-align:middle;
    background-color:#e0e0e0;
    font-size:1.1rem;
}


@media only screen and (min-width: 768px) {

.display_grid_2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.display_grid_3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}

}
/* .ce_image {
    padding:5px;
    border:2px solid #e3e3e3;
    border-radius:10px;
}
*/

#tab_zeiten table {
	width:100%

}

#tab_zeiten th {
    /*width:160px;*/
    padding:2px;
    text-align:left;
    background-color:#ccf;
    border:1px solid #fff;
}

#tab_zeiten td {
    padding:2px;
    text-align:left;
    background-color:#EEE;
    border:1px solid #fff;
}

#tab_vm td,
#tab_vm th {
    width:160px;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:5px;
    vertical-align:middle;
    text-align:left;
    background-color:rgba(255,255,204,.75);
}
#tab_lm td,
#tab_lm th {
    width:160px;
    padding:0 0 0 4px;
    vertical-align:top;
    text-align:left;
    background-color:#eee;
}
#tab_apreis td {
    width:240px;
    padding:2px;
    vertical-align:bottom;
    text-align:left;
    background-color:#ffc;
    border:1px solid #fff;
}
a:hover {
    text-decoration:none;
    color:#8221cc;
}
.mod_login {
    width:100%;
}
#request_password {
    margin-top:10px;
    margin-left:10px;
}
#password,
#username {
    width:200px;
}

#left {
	

}