body{
	font-family: 'Assistant', sans-serif;
	font-size:18px;
	background-color:#4c5759;
	background-image: url('../images/back.gif');
	background-repeat:repeat-y;
	background-position: center;
	color:#4b5758;
}

.besmall{
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
}

.navbar{
	background-color:#4c5759;
	background-image: url('../images/header-back.png');
	background-repeat:no-repeat;
	background-position: center;
	color:#fff;
	min-height:110px;
	padding:0;
}

#mobnav{
   	display: none;
}
.container{
	width:100%;
	max-width:1285px;
}

.navbar .row{
	width:100%;
}

.text-hell{
	color:#4b5758
}
.text-big{
	font-size: 1.333em;
}
.text-small{
	font-size: 0.889em;
	line-height:  1.333em
}
.text-blue{
	color:#009ee0;
}

a{
	color:#009ee0;
}

a:hover{
	text-decoration:underline;
}
a.tel{
	text-decoration: none;
	color:#4b5758;
	cursor:default
}
a.textlink{
	text-decoration: none;
	color:#4b5758;
}
article a:hover{
	text-decoration:none;
	color:#4c5759;
}
a.link-gruen, .gruen{
	color:#b2be1e !important;
}

a.link-grau, .grau{
	color:#a1adad  !important;
}
a.more, a.link-pfeil, a.linkbtn.rechts{
	color:#009ee0;
	padding-right:20px;
	background-image: url('../images/arrow-letf-blue.png');
	background-repeat:no-repeat;
	background-position:  top 8px right 4px;
}
a:hover.more, a:hover.link-pfeil, a:hover.linkbtn.rechts{
	text-decoration: none;
	color:#4c5759;
	background-image: url('../images/arrow-letf-gray.png');
}

a.more.black{
	color:#4c5759;
	background-image: url('../images/arrow-letf-gray.png');
}

a:hover.more.black{
	color:#009ee0;
	background-image: url('../images/arrow-letf-blue.png');
}
a.black{
	color:#4c5759;
}
a:hover.black{
	color:#009ee0;
}

a#reg{
	padding-left: 27px;
	background-image: url('../images/icon-stift-gruen.png');
	background-repeat:no-repeat;
	background-position: 0px 9px;
}
a#login{
	padding-left: 25px;
	background-image: url('../images/icon-kopf-gruen.png');
	background-repeat:no-repeat;
	background-position: 0px 9px;
	margin-left:10px;
}

a.back, a.linkbtn{
	color:#009ee0;
	padding-left:20px;
	background-image: url('../images/arrow-right-blue.png');
	background-repeat:no-repeat;
	background-position:  top 6px left 0px;
}
a:hover.back, a:hover.linkbtn{
	text-decoration: none;
	color:#4c5759;
	background-image: url('../images/arrow-right-gray.png');
}
a.button{
	background-color: #009ee0;
    border: none;
    padding: .5rem 1rem;
    color:#fff;
    border-radius: .2rem;
    font-size: 1em;
}
a:hover.button{
	text-decoration: none;
	opacity: 0.8;
}
.bild-links{
	float:left;
	margin: 0 15px 20px 0;
}
.bild-rechts{
	float:right;
	margin: 0 0 20px 15px;
}

section{
	color:#4c5759;
}
section{
	padding-top: 80px;
	padding-bottom: 80px;
}
section.back-gray.event{
	padding-top: 30px;
	padding-bottom: 40px;
}
.topless{
	padding-top:0px;
}

.back-gray{
	background-color:#f0f1f3;
}

.back-white{
	background-color:#fff;
}

.bt-green{
	border-top: 8px solid #b1bc1d;
	height:30px;
}
.bt-blue{
	border-top: 8px solid #009ee0;
	height:30px;
}
.bt-gray{
	border-top: 8px solid #4b5758;
	height:30px;
}
a.rechts{
	float: right;	
}

nav .logo{
	width:24%;
	padding-left:15px;
}
nav .navigation{
	position:relative;
	width:76%;
}
.navbar-brand{
	display:block;
	margin-top:32px
}

.navbar .container{
	min-height:110px;
}
.nav-link {
    display: block;
    padding: .5rem 1rem 0;
}
.navbar ul li a span{
	display:block;
	padding-bottom:25px;
}
.navbar ul li a:hover span, .navbar ul li.active a span{
	padding-bottom:19px;
	border-bottom: 5px solid #f0f1f3;
}

.navbar .lang{
	text-align:right;
	height:51px;
	padding-top:10px;
	margin-right: -5px;
}
.navbar .lang a{
	color:#fff;
	display:inline-block;
	padding: 0 4px;
}
.navbar .lang a:last-child{
	padding: 0 0 0 4px;
}
.navbar .lang a:hover, .navbar .lang a.active{
	color:#a1adad;
	text-decoration: none;
}
.navbar .navbar-collapse{
	height:59px;
}
.dropdown-toggle::after {
	content:none;
}
.navbar-nav.right{
	position: absolute;
	right:-15px;
}
.dropdown-menu{
	padding:0px;
	margin:0px;
}
.dropdown-menu .dropdown-item{
	background-color:#4b5758;
	border-top: 1px solid #6c7677;
	color:#c1c9c9;
	padding: 12px 40px 12px 15px ;
}
.dropdown-menu .dropdown-item:hover{
	color:#fff;
	background-image: url('../images/nav-arrow.png');
	background-repeat:no-repeat;
	background-position: top 19px right 15px;
}

.navbar-brand img{
	max-height:40px;
}

h1{
	font-size: 2.333em;
}
h2{
	font-size: 2.333em;
}
h3{
	font-size: 1.333em
}
h4{
	font-size: 1.333em
}
.small {
	font-size: 0.889em
}
.orange {
    color: #FF6600;
}
.box{
	padding:35px 20px;
}

.header a.back{
	display: block;
	margin-bottom: 18px;
}

.column-head.form{
	margin-top:25px;
}
.secondform .form-group{
    margin-bottom: 0.4rem;
}
.secondform .btn.btn-primary{
	position: absolute;
	bottom:9px
}
input.form-control{
	background-color: #eff2f2;
	border:none;
}
input[type=checkbox], input[type=radio] {
    margin-top: 7px;
}


.select-wrapper {
  width: 270px;
  max-width:270px;
  margin:0 auto;
  position: relative;
  z-index: 0;
}
.event.detail .btn {
    width: 100%;
    max-width:200px;
}
.event.detail .col-md-4 .btn{
	max-width: 100%;
	width:100%;
	margin-bottom: 20px;
}

.form-group .select-wrapper {
	width: 100%;
	max-width: 100%;
}
.form-group input{
	height:50px;
	border: 1px solid #eff2f2;
}

.button-row{
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #d2d5d5;
}
.meldung{
	color:#fd3904;
	margin-bottom: 15px;
}
.meldung-ok{
	color:#057b13;
	margin-bottom: 15px;
}
.validation-error input{
	border-color: #fd3904;
}
b.validation-error {
	color: #fd3904;
}
.form-check{
	padding-left: 0px;
}
.form-check.validation-error label{
	color:#fd3904;
}
.form-check:hover{
	background-color: #000;
}
           

.select-wrapper:after {
	
  	position: absolute;
  	display:block;
  	right: 15px;
  	top: 19px;
  	z-index: 999;
  	width:16px;
  	height: 12px;
  	background-image: url('../images/select-arrow.png');
  	background-position: 0px 0px; 
  	background-repeat:no-repeat;
  	content:'  ';
}

select.form-control {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  width: 100%;
  height: 50px;
  -moz-padding-start: calc(10px - 3px);
  padding-left: 15px;
  background-color: #eff2f2;
  color: #1e1e1e;
  font-size: 16px;
  border-radius: 3px;
   cursor: pointer;
  
}

select.form-control::-ms-expand {
  display: none;
}
select.form-control:focus::-ms-value {
  background-color: transparent;
}

select.form-control option{
	height:20px;
}

  
.btn{
    border-radius: .2rem;
    font-size: 1em
}

.btn.upload{
	padding-left: 80px;
	padding-right: 50px;
	background-image: url(../images/icon-uploud.png);
    background-repeat: no-repeat;
    background-position: 40px 8px;
}
.btn.btn-primary{
	background-color:#009ee0;
	border:none;
}
.btn.btn-primary:hover {
	opacity:0.8	
}

.secondform .btn-primary:focus {
	border: 2px solid #000 !important:
}

.newsletter-box{
	position:relative;
	color:#798183;
	padding:18px 18px 5px 18px;
}
.newsletter-box h4{
 	padding-left: 43px;
 	background-image: url('../images/icon-newsletter.png');
	background-repeat:no-repeat;
	background-position: 0px 4px;
	margin-bottom:20px;
}

.newsletter-box #nlclose{
	position: absolute;
	right:15px;
	top:16px;
	display:none;
}
.newsletter-box #nl-addit{
	display:none;
	padding-bottom:12px;
}
.form-check-label{
	padding: 5px 5px 5px 45px;
	cursor:pointer;
	margin-bottom:15px;
}


.newsletter-box .form-check-label.checkbox{
	padding: 2px 5px 0px 45px;
	font-size: 0.889em;
	line-height: 1.167em;
}
.form-check-label.radio::before{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width:39px;
	height:39px;
	background-image: url('../images/radio.png');
	background-repeat:no-repeat;
	content: " ";
}
.checked .form-check-label.radio::before{
	background-image: url('../images/radio-checked.png');
}

.form-check-label.checkbox::before{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width:39px;
	height:39px;
	background-image: url('../images/checkbox.png');
	background-repeat:no-repeat;
	content: " ";
}
.checked .form-check-label.checkbox::before{
	background-image: url('../images/checkbox-checked.png');
}

.form-check input {
	z-index: -1;
    position: absolute !important;
}
.radio-list label{
	padding: 5px 5px 5px 45px;
}


#upload{
	position:relative;
}
.type-upload p{
	margin-bottom:9px;
}

.fileinput-button {
  position: relative;
  overflow: hidden; 
  color: #fff;
  background: #707a7b url(../images/bg_btn.jpg) repeat-x 0 0 !important;
  border: 1px solid #4b5758 !important;
  width: auto !important;
  min-width: 59px !important;
  padding:5px 20px;
 
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
   height:25px;
}

.progress {
    height: 27px;
    margin-bottom: 0px;
    margin-top: 1px;
    overflow: hidden;
    background-color: #eff2f2;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 2px 6px rgba(0,0,0,.1);
}
.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
.progress-bar-success {
    background-color: #b1bc1d;
}

#file{
	text-align:center;
}
#newimg{
	display: none;
	position: absolute;
    z-index: 10;
    bottom: 18px;
    width:100%;
    padding-right:25px;
}
#newimgbtn{
	display: block;
    width: 112px !important;
    margin: 0 auto;
    padding: 0px;
    background: #707a7b url(../images/bg_btn.jpg) repeat-x 0 0 !important;
    border: 1px solid #4b5758 !important;
}
#newimgbtn span {
    color: #fff;
    cursor: pointer;
    padding: 0 12px;
    font: 13px/22px Verdana,Arial,sans-serif;
}

textarea{
	width:100%;
	background-color: #eff2f2;	
	border: none;
	padding:10px;
}

.bottom-border{
	border-bottom: 1px solid #d2d5d5;
	padding-bottom: 15px;
	margin-bottom: 14px !important;
	background-color: #fff;
}

.bottom-border.nopadding{
	padding-bottom: 0px;
}
.p-nomargin, .p-nomargin p{
	margin-bottom:0;
}

#layer-event-registation {
    width:100%;
    z-index: 9999;
    position: fixed;
    top: 200px;
    /*height: 163px;
    
    
    background: transparent url(../images/bg_layer_event-registration.png) no-repeat 0 0;
    top: 100px;
    left: 50%;
    padding: 32px 36px;*/
    display: none;
}
#layer-event-registation .wrapper{
	position:relative;
	max-width: 600px;
	width: 100%;
	margin:0 auto;
	background-color: #b1bc1d;
	border:10px solid #fff;
	padding: 15px 15px 0 15px;
}

#layer-event-registation .close{
	position:absolute;
	right:10px;
	top:10px;
	z-index: 999;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}


/*Stimmen*/

.stimmen{
	position: relative;
}

.stimmen.start{
	margin-top: 25px;
	border-bottom: 1px solid #d2d5d5;
	margin-bottom:15px;
}

.stimmen .col-md-4 {
    min-height: 390px;
}
.stimmen .st-layer{
	position: absolute;
	z-index: 99;
	width:100%;
	height:520px;
	color:#fff;
	display: none;
}
.stimmen .box{
	color:#fff;
	padding:15px;
	position: relative;
	height:220px;
}
.stimmen .box .slogan{
	font-size: 1.278em;
	line-height: 1.222em
}
.stimmen .text{ background-color: #009ee0; }
.stimmen .audio{ background-color: #718283; }
.stimmen .video{ background-color: #b1bc1d; }
.stimmen .box.text:hover{ background-color: #007eb3; }
.stimmen .box.audio:hover{ background-color: #5a6869; }
.stimmen .box.video:hover{ background-color: #8e9617; }

.stimmen .portrait {
	position:absolute;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	overflow: hidden;
	height:80px;
	width:80px;
	border:3px solid #fff;
	background-color:#a3a3a3;
}
.stimmen .portrait img{
	width:80px;
}
.stimmen .img-desc{
	z-index: 99;
	position:absolute;
	width:auto;
	padding: 3px 5px;
	max-width:261px;
	background-color: #f2f2f2;
	color:#4b5758;
	display:none;
}

.stimmen .box .portrait{
	left:10px;
	bottom:-25px
}
.stimmen .box .img-desc{
	z-index: 99;
	position:absolute;
	bottom:53px;
	left:2px;
}
.stimmen .boxgrau{
	background-color: #f0f4f5;
	min-height:154px;
	padding:0 12px 8px;
	margin-bottom: 5px;
}
.stimmen .headline{
	font-size: 1.389em;
	padding:30px 0 0px;
}
.stimmen .datum{
	position: absolute;
	top: 15px;
	right: 120px;
}
.stimmen b{
	margin-top:0px;	
	display: block;
}
.stimmen .museum a {
	color: #0085BE
}
.stimmen .video .museum a {
	color: #53c4f5;
}	

.stimmen .audio .museum a {
	color: #94DFFF
}

.stimmen .box .open-sl{
	position:absolute;
	width:38px;
	height:38px;
	right:12px;
	bottom:12px;
}

.stimmen .sozial{
	background: transparent url(../images/sozial_btn1.png) no-repeat 0 0;
	background-size: cover;
	position:absolute;
	width:38px;
	height:38px;
}
.stimmen .box .sozial{
	position:absolute;
	width:38px;
	height:38px;
	right:58px;
	bottom:12px;
}
.stimmen .sozial-bar{
	position:absolute;
	top:1px;
	left:0;
	width:100%;
	text-align:center;
	background-color:#fff;
	padding:6px 0 3px;
	display:none;
	max-width: 300px;
}
.stimmen .st-layer .sozial-bar{
	left:50%;
	margin-left: -150px;
	z-index: 100;
}
.stimmen .st-layer.text .sozial-bar{
	background-color: #f2f2f2;
}
.stimmen .sozial-bar a.whatsapp{
	display: none;	
}
.stimmen .sozial-bar a img{
	margin: 0 5px;
}
.stimmen .sozial-bar a:hover{
	opacity:0.7;
}
.stimmen .box.text .open-sl{
	background: transparent url(../images/text_btn1.png) no-repeat 0 0;
	background-size: cover;
}
.stimmen .box.audio .open-sl{
	background: transparent url(../images/audio_btn1.png) no-repeat 0 0;
	background-size: cover;
}
.stimmen .box.video .open-sl{
	background: transparent url(../images/video_btn1.png) no-repeat 0 0;
	background-size: cover;
}
.stimmen .box.text a:hover.open-sl{
	background: transparent url(../images/text_btn2.png) no-repeat 0 0;
	background-size: cover;
}
.stimmen .box.audio a:hover.open-sl{
	background: transparent url(../images/audio_btn2.png) no-repeat 0 0;
	background-size: cover;
}
.stimmen .box.video a:hover.open-sl{
	background: transparent url(../images/video_btn2.png) no-repeat 0 0;
	background-size: cover;
}

.stimmen .box.text a:hover.sozial{
	background: transparent url(../images/sozial_btn2text.png) no-repeat 0 0;
	background-size: cover;
}
.stimmen .box.audio a:hover.sozial{
	background: transparent url(../images/sozial_btn2audio.png) no-repeat 0 0;
	background-size: cover;
}
.stimmen .box.video a:hover.sozial{
	background: transparent url(../images/sozial_btn2video.png) no-repeat 0 0;
	background-size: cover;
}

.stimmen.backend .portrait{
	right:20px !important;
	top:0px !important;
}
.stimmen.backend .linie{
	border-top:1px solid #637273;
	margin-top:20px;
	padding-top:10px;
}

.stimmen.backend audio{
	width:100%;
	max-width:560px;
}

.stimmen .st-layer{
	position: absolute;
	z-index: 99;
	width:100%;
	display: none;
	height:520px;
	top: -180px;
}
.st-layer.video, .st-layer.text, .st-layer.audio{
	background-color: transparent
}


.stimmen .st-layer .wrapper{
	position:relative;
	width: 100%; 
    max-width: 1000px;
    margin: 0 auto;
    color:#fff;
	-webkit-box-shadow: 3px 3px 5px -1px rgba(0,0,0,0.45);
	-moz-box-shadow: 3px 3px 5px -1px rgba(0,0,0,0.45);
	box-shadow: 3px 3px 5px -1px rgba(0,0,0,0.45);
	
}
.stimmen .st-layer .close{
	background: transparent url(../images/st-close.png) no-repeat 0 0;
	display: block;
	background-size: cover;
	width:38px;
	height:38px;
	text-indent: 3000px;
	overflow:hidden;
	position:absolute;
	right:10px;
	top:10px;
	z-index: 9999;
}
.stimmen .st-layer.audio .close{
	background: transparent url(../images/st-close_aodio.png) no-repeat 0 0;
	background-size: cover;
	width:38px;
	height:38px;
}
.stimmen .st-layer.text .close{
	background: transparent url(../images/st-close-text.png) no-repeat 0 0;
	background-size: cover;
	width:38px;
	height:38px;
}
.stimmen .st-layer.text .sozial{
	background: transparent url(../images/sozial_btn-text.png) no-repeat 0 0;
	background-size: cover;
	width:38px;
	height:38px;
}
.stimmen .st-layer .close:hover{
	opacity:0.7	
}
.stimmen .st-layer .sozial{
	right:60px;
	top:10px;
}
.stimmen .st-layer .portrait{
	left:10px;
	top:15px;
}

.stimmen .st-layer.text a:hover.sozial{
	background: transparent url(../images/sozial_btn2audio.png) no-repeat 0 0;
	background-size: cover;

}
.stimmen .st-layer.audio a:hover.sozial{
	background: transparent url(../images/sozial_btn-text.png) no-repeat 0 0;
	background-size: cover;
}
.stimmen .st-layer.video a:hover.sozial{
	background: transparent url(../images/sozial_btn-text.png) no-repeat 0 0;
	background-size: cover;
}

.stimmen .st-layer .museum{
	position:absolute;
	top:13px;
	left: 105px;
	line-height: 1.3;
}
.stimmen .st-layer .museum.left{
	top:15px;
	left: 15px;
}
.stimmen .st-layer .museum .headline{
	margin-top:0px;
	padding: 0px;
}

.stimmen .st-layer .content{
	text-align:center;
	padding-top:110px;
}
.stimmen .st-layer.video .content{
	padding-top:110px;
}
.stimmen .st-layer.video .content .slogan{
	font-size: 1.4em;
	line-height:1.5;
	margin: 7px 15px 10px;
}
.stimmen .st-layer.video .content .slogan p{
	margin:0;
}
.stimmen .st-layer .content .slogan{
	font-size: 30px;
	line-height: 45px;
	margin:0 15px;
}
.stimmen .st-layer .content img{
	margin:45px 0 20px;	
}


#player {
	bottom:20px;
	width:100%;
	max-width:500px;
	width:100%;
	margin: 0 auto;
}
#player audio {
	width: 99%;  
	margin: 25px 0 0 0; 
	border:1px solid transparent; 
	background: transparent;
}
#player audio:focus, #player audio:hover {background: transparent;} 
@media screen and (-webkit-min-device-pixel-ratio:0) { /*chrome only*/
	audio {	filter: invert(1);}
}

.stimmen .st-layer.video .wrapper{
	background-color: #4b5758;
	min-height: 520px;
	height:auto;
	padding-bottom:10px;
}

.stimmen .st-layer.text .wrapper{
	background-color: #fff;
	color:#404040;
	border:1px solid #c3c3c3;
}
.stimmen .st-layer.audio .wrapper{
	background-color: #718283;
	padding-bottom:10px;
}
.stimmen .st-layer.text .wrapper .scroll{
	overflow-y: scroll;
	height: 405px;
}
.stimmen .st-layer.text .wrapper .c-text{
	color:#404040;
	max-width:680px;
	width:100%;
	margin: 0 auto;
	text-align: left;
	margin-bottom:40px;
	font-size: 1.2em;
	line-height: 1.5em;
}
.stimmen .st-layer.text .wrapper .c-text a{
	color: #0085BE;
}
.stimmen .st-layer.text .wrapper .c-text a:hover{
	color: #404040;
	text-decoration:underline;
}
.stimmen .st-layer.text .c-text h2{
	font-size: 26px;
	color: #3c3c3c !important;
}

#layerback{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 97;
    background-color: #4b5758;
    opacity: 0.6;
    display: none;
}

.event-home .col-md-4{
	min-height:360px;
}
.event-home a{
	color:#4b5758;
}
.event-home a:hover{
	text-decoration:none;
	opacity: 0.8;	
}
.event-home img{
	width: 100%;
	margin: 0 auto 0px;
}
.event-home .date a {
	color:#a6b114;
}
.event-home .teasertext{
	font-size: 1.222em;
}
.event-home{
	border-bottom: 1px solid #d2d5d5;
	margin-bottom: 15px;
}

img.portrait {
    float: left;
    margin-right: 10px;
    width: 100px;
}

.publication .item{
	margin-bottom: 40px;
}
.absatz{
	margin-bottom: 20px;
}
.publication .col-md-4 img{
	float:right;
}
.border-bottom{
	width:100%;
	border-bottom: 1px solid #d2d5d5 !important;
	margin: 0 15px;
	height:10px;
}
.bottom{
	width:100%;
	border-bottom: 1px solid #d2d5d5 !important;
	margin: 0;
	background-color:#fff;
}
h3.border-bottom{
	padding: 0 0 20px 0;
	margin: 0 0 0 0;
	height:auto;
}
.event .item-head{
	margin-top:0px;
}
.event .item-head .date{
	color: #a6b114;
	display: block;
}
.event .item-content{
	min-height: 430px;
}

.event .item-content div.image, .event-home .col-md-4 div.image{
	height:230px;
	overflow: hidden;
	background-color: #eff2f2;
}
.event .item-content div.image img{
	width:100%;
	height: auto;
}
div.subimg{
	height:20px;
	font-size: 0.667em;
	text-align:right;
}
.ausgebucht{
	position: absolute;
	bottom:102px
}
a.btn{
padding: .6rem .75rem;
}	

.event .btn{
	width:100%;
	background-color:#009ee0;
	border-color:#009ee0;
	color: #fff;
	margin-top:10px;
}

.btn.grau{
	background-color: #969898;
	border-color:#969898;
	color:#fff !important;
}
.event .btn-info{
	width:100%;
	background-color:#eff2f2;
	border-color:#eff2f2;
	color: #009ee0;
}	
.event .item-footer{
	margin-bottom:50px;	
}

#veranstaltungsgebuehr{
	display: block;
	max-width:408px;
	width:100%;
	height:166px;
	background: transparent url(../images/preis-back.png) no-repeat 0 0;
	background-size: contain;
	color:#fff;
	text-align: center;
	padding-top:23px;
}
#veranstaltungsgebuehr label{
	margin-bottom: .3rem;
}
#veranstaltungsgebuehr .price{
	font-size: 2.222em;
	line-height: 1.222em;
}

.icn.plus{
	background: transparent url(../images/plus.gif) no-repeat 2px 5px;
	padding-left:30px;
	border-bottom: 1px solid #d2d5d5;
	padding-bottom: 20px;
}
article .icn.plus{
	border-bottom: none
}

.col-md-4 article{
 	border-bottom: 1px solid #d2d5d5;
 	height: 75px;
	padding-top: 20px;
}	
article.icn.anfahrt{
	background: transparent url(../images/map-icon.png) no-repeat 5px 8px;
	padding-left:55px;
}

article.icn.organisatorisches{
	background: transparent url(../images/klammer-icon.png) no-repeat 5px 8px;
	padding-left:55px;
}

article.icn.pdf{
	background: transparent url(../images/pdf-icon.png) no-repeat 5px 8px;
	padding-left:55px;
}
article.icn.daten{
	background: transparent url(../images/icn_daten.png) no-repeat 5px 10px;
	padding-left:55px;
	padding-top: 0px;
	margin-top:20px;
}
article.icn.download{
	background: transparent url(../images/icn_download.png) no-repeat 5px 10px;
	padding-left:55px;
	padding-top: 0px;
	margin-top:20px;
}
article.icn.zertifizierungsteilnehmer{
	background: transparent url(../images/icn_zertifizierungsteilnehmer.png) no-repeat 5px 10px;
	padding-left:55px;
	padding-top: 0px;
	margin-top:20px;
}
article.icn.veranstaltungskalender{
	background: transparent url(../images/icn_veranstaltungskalender.png) no-repeat 5px 10px;
	padding-left:55px;
	padding-top: 0px;
	margin-top:20px;
}
article.icn.ausbildungsplan{
	background: transparent url(../images/icn_ausbildungsplan.png) no-repeat 5px 10px;
	padding-left:55px;
	padding-top: 0px;
	margin-top:20px;
}
article.icn.loeschen{
	background: transparent url(../images/close-small.png) no-repeat 5px 2px;
	padding-left:55px;
	padding-top: 0px;
	margin-top:20px;
	height:50px;
}
article.icn.daten a, article.icn.download a, article.icn.zertifizierungsteilnehmer a,
 article.icn.veranstaltungskalender a, article.icn.ausbildungsplan a, article.icn.loeschen a{
	color:#b2be1e;
}
article.icn.daten a:hover, article.icn.download a:hover, article.icn.zertifizierungsteilnehmer a:hover,
 article.icn.veranstaltungskalender a:hover, article.icn.ausbildungsplan a:hover,article.icn.loeschen a:hover{
	text-decoration:underline;
}

.gbblock{
	margin-top:20px;	
}

.team.block{
	margin-bottom: 50px;
}
.team .header{ 
	margin-bottom: 25px;
}
.team .item{
	line-height: 24px;
	margin-bottom:25px;
}
.team .item .perstext{
	 padding-left: 110px;
}

.list-view.downloads .item{
	border-bottom: 1px solid #d2d5d5;
	margin-bottom:25px;
	padding-bottom:20px;
}
.list-view.downloads .item p{
	margin-bottom:5px;
}
.list-view.downloads .item a{
	display:block;
	margin-bottom:5px;
}

.back-white .col-md-4 img {
    max-width: 100%;
    height: auto;
}

.kalender .header {
	position: relative;
	height: 31px;
	margin-bottom: 10px;
}
.kalender .header .select {
	position: absolute;
	top: 0; left: 0;
}
.kalender .header .select select {
	border: 1px solid #e1e7e7;
	background: #eff3f3;
	height: 31px;
	line-height: 31px;
	padding: 0 10px;
	float: left;
	margin-right: 5px;
}

.kalender .header a.btn {
	display: inline-block;
	height: 23px;
	float: left;
}
.kalender .header a.btn span {
	height: 23px;
	line-height: 23px;
	display: inline-block;
}

.kalender .header .kalendernav {
	position: absolute;
	top: 0; right: 0;
	overflow: hidden;
}
.kalender .header .kalendernav span {
	display: block;
	float: left;
	line-height: 31px;
	padding: 0 10px;
}

.kalender .header .kalendernav a {
	display: block;
	float: left;
	width: 31px;
	height: 31px;
	text-indent: -999em;
	background: transparent none no-repeat 0 0;
}
.kalender .header .kalendernav a.prev { background-image: url(../images/btn_prev.png); }
.kalender .header .kalendernav a.next { background-image: url(../images/btn_next.png); }

table.cal {
	border-collapse: collapse;
	width: 100%;
}
table.cal td {
	border: 1px solid #ffffff;
	width: 14.285714%;
	background: #eff3f3;
	vertical-align: top;
	padding: 0;
}
table.cal td .cellWrap {
	min-height: 85px;
	position: relative;
	padding-top: 18px;
}

table.cal .calRow td.calHead {
	background: #4b5758;
	color: #fff;
	text-align: center;
	line-height: 30px;
}

table.cal .calRow td.calDay .dayNum,
table.cal .calRow td.calDayToday .dayNum,
table.cal .calRow td.calDayEmpty .dayNum {
	position: absolute;
	right: 3px;
	top: 0px;
	color: #495455;
	line-height: 15px;
	font-size: 12px;
}
table.cal .calRow td.calDayEmpty {
	background: #f9fafa;
}
table.cal .calRow td.calDayEmpty .dayNum {
	color: #a1a7a7;
}

table.cal .calRow td.calDayToday {}
table.cal .calRow td.calDay.weekend {
	background: #e3e8e8;
}
table.cal .calRow td.calDay.holiday {
	background: #f2f7dc !important;
}
table.cal .calRow td.calDay.holiday .holidayname {
	position: absolute;
	bottom: 5px;
	left: 5px;
	color: #c6d28f;
	font-size: 11px;
}


table.cal td .cellWrap a {
	display: block;
	padding: 5px;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: -1px;
	margin-bottom: 1px;
}
table.cal td .cellWrap a.zertifiziert 	{ background: #b1bc1d; color: #ffffff; }
table.cal td .cellWrap a.extern 			{ background: #009ee0; color: #ffffff; }
table.cal td .cellWrap a.sonstige 		{ background: #809091; color: #ffffff; }

#calender-legend { overflow: hidden; margin-top: 10px; }
#calender-legend div { float: right; }
#calender-legend div span { 
	display: block; 
	font-size: 11px;
	color: #a5abab;
	line-height: 16px;
}
#calender-legend div span:before {
	content: "";
	display: block;
	float: left;
	height: 6px;
	width: 31px;
	margin-right: 5px;
	margin-top: 5px;
}
#calender-legend div span.zertifizierungsveranstaltung:before { 
	background-color: #b1bc1d;
}
#calender-legend div span.externe-veranstaltung:before {
	background-color: #009ee0;
}
#calender-legend div span.sonstige-veranstaltung:before {
	background-color: #809091;
}
/* tables */
.table {
	display: table;
	margin-bottom: 35px;
}
.table.full-width { width: 100%; }

.table-row {
	display: table-row;
}
.table-cell {
	display: table-cell;
	position: relative;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 5px;
	overflow: hidden;
	vertical-align: top;
	line-height: 24px;
}
.table-row:nth-child(odd) .table-cell 	{ background-color: #eff3f3; }
.table-row:nth-child(even) .table-cell 	{ background-color: #f9fafa; }

.table-row.category-head .table-cell 	{ background-color: #cdd9da; font-weight: bold; }

.align-left 	{ text-align: left; }
.align-center 	{ text-align: center; }
.align-right 	{ text-align: right; }



/* custom styles for eductaion plan table */
.education-plan.edit-mode .table-cell:nth-child(5){ padding-right: 24px; }

.education-plan .table-cell:nth-child(1) { width: 7%; }
.education-plan .table-cell:nth-child(2) { width: 48%; }
.education-plan .table-cell:nth-child(3) { width: 7%; }
.education-plan .table-cell:nth-child(4) { width: 26%; }
.education-plan .table-cell:nth-child(5) { width: 12%; }

.education-plan a.edit {
	position: absolute;
	right: 5px;
	top: 5px;
	display: none;
}
.education-plan.edit-mode a.edit { display: block; }

.education-plan .table-cell .comment { float: left; }

.education-plan .table-cell.completed .icn,
.education-plan .table-cell.submitted .icn {
	display: block;
	margin: 0 auto;
	width: 24px;
	height: 24px;
	padding: 0;
	overflow: hidden;
	background: transparent url(../images/icn_status.png) no-repeat 0 0;
}
.education-plan .table-cell.completed { background-color: #edf2ca; }
.education-plan .table-cell.completed .icn { background-position: 0 0; }


.education-plan .table-cell.not-submitted { background: #eff3f3; }
.education-plan .table-cell.not-submitted .icn {  }

.education-plan .table-cell.submitted { background-color: #fcf4af; }
.education-plan .table-cell.submitted .icn { background-position: 0 -48px; }

.education-plan.legend { margin: 0; }
.education-plan.legend .table-cell { background-color: #4b5758; color: #ffffff; }

/* custom styles for participants list table */
.participants-list {

}
.participants-list .table-cell:nth-child(1) { width: 4%; vertical-align: top; }

.participants-list .participant-item-head {
	overflow: hidden;
}
.participants-list .participant-item-head span,
.participants-list .participant-item-head a {
	display: block;
	float: left;
}
.participants-list .participant-item-head a.btn {
	width: auto !important;
	padding: 0;
}
.participants-list .participant-item-head a.btn span {
	line-height: 24px;
	float: none;
}

.participants-list .participant-item-head .participant-name 	{ width: 20%; }
.participants-list .participant-item-head .participant-surname 	{ width: 20%; }
.participants-list .participant-item-head a.participant-email 	{ width: 39%; color: #198AAD; }
.participants-list .participant-item-head .participant-plan 	{ width: 25%; }
.participants-list .participant-item-head .participant-content-trigger 	{ width: 5%; float: right }

.participants-list .participant-item-head .participant-content-trigger 	{
	display: block;
	height: 24px;
	background-color: transparent;
	background-image: url(../images/arrow-down.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.participants-list .participant-item-head .participant-content-trigger.open {
	background-image: url(../images/arrow-up.png);
}
.participants-list .participant-item-head .participant-content-trigger span {
	display: none;
}

.participants-list .participant-item-content {
	padding: 10px 10px 10px 40%;
	line-height: 20px;
	display: none;
}

.table-cell .planlispdf{
	position:absolute;
	right:4px;
	top:6px;
}

#overlay {
	position: fixed;
	z-index: 9998;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: rgba(75, 87, 88, 0.4);
	display: none;
}

.set-status-container .headline,
.change-type-container .headline {
	display: block;
	color: #b1bc1d;
	font-size: 15px;
	border-bottom: 1px dotted #839495;
	line-height: 31px;
}

.set-status-container .subline,
.change-type-container .subline {
	display: block;
	color: #495455;
	font-size: 12px;
	border-bottom: 1px dotted #839495;
	line-height: 18px;
	padding: 5px 0;
}


.set-status-container{
	background: #ffffff;
	width: 377px;
	padding: 20px;
	margin: 0 auto;
	position: relative;
	top: 50%;
	margin-top: -200px;
	z-index: 9999;
	display: none;
}
.set-status-container .owrap {
	overflow: hidden;
	margin: 1em 0;
}
.set-status-container .set-status {
	width: 125px;
	height: 120px;
	float: left;
	border-left: 1px solid #ffffff;
	position: relative;
}
.set-status-container .set-status:first-child { border: 0 none; }

.set-status-container .set-status.not-submitted { background: #eff3f3; }
.set-status-container .set-status.submitted 	{ background: #fcf4af; }
.set-status-container .set-status.completed 	{ background: #edf2ca; }

.set-status-container .set-status input {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -10px;
	margin-left: -10px;
}
.set-status-container .set-status span {
	display: block;
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 5px;
	left: 0;
	font-size: 12px;
	font-weight: bold;
}

.set-status-container .controls,
.change-type-container .controls {
	position: relative;
	height: 35px;
}
.set-status-container .controls .cancel,
.change-type-container .controls .cancel {
	position: absolute;
	left: 0;
	top: 0;
}
.set-status-container .controls .save,
.change-type-container .controls .save {
	position: absolute;
	right: 0;
	top: 0;
}

.set-status-container .btn, .change-type-container .btn{
	background-color: #eff3f3;

}

.change-type-container {
	background: #ffffff;
	width: 290px;
	padding: 20px;
	margin: 0 auto;
	position: relative;
	top: 50%;
	margin-top: -200px;
	z-index: 9999;
	display: none;
}

.change-type-container .owrap {
	overflow: hidden;
	margin: 1em 0;
}
.change-type-container textarea {
	display: block;
	width: 100%;
	border: 1px solid #e1e7e7;
	background: #eff3f3;
}

	
footer{
	color:#fff;
	min-height:110px;
	padding-top: 50px;
}
footer img{
	margin: -15px 10px 0 0;	
}
footer a{
	display:inline-block;
	padding: 0 4px;
}
footer a:last-child{
	padding: 0 0 0 4px;
	margin-right: -5px;
}
#btn-up{
	position:fixed;
	right:10px;
	bottom:20px;
	display: block;
	display:none;
}
#btn-up:hover{
	opacity: 0.9
}
#btn-up img{
	width:80%;
	-webkit-box-shadow: 4px 4px 9px -2px rgba(0,0,0,0.59);
	-moz-box-shadow: 4px 4px 9px -2px rgba(0,0,0,0.59);
	box-shadow: 4px 4px 9px -2px rgba(0,0,0,0.59);
}


/* Cookie */
#cookieback{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9197;
    background-color: #4b5758;
    opacity: 0.6;
    /*display: none;*/
}
#cookie_layer{
    position:fixed;
    top: 0px;
    z-index: 9199;
    width: 100%;
}
#cookie_layer .block{
    max-width: 948px;
    width: 75%;
    margin: 0 auto;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 46px -1px rgba(0,0,0,0.33);
    -moz-box-shadow: 0px 0px 46px -1px rgba(0,0,0,0.33);
    box-shadow: 0px 0px 46px -1px rgba(0,0,0,0.33);
    padding: 20px 30px 30px;
}
#cookie_layer .headline{
    font-size: 28px;
    color: #0088c2;
    padding:2px 0 10px;
    text-align: center;
}
#cookie_layer p{
    font-size:14px;
    color:#555;
}
#cookie_layer .gray{
    padding:15px;
    background-color: #eff3f3;

}
#cookie_layer a{
    font-weight: normal;
    font-size:14px;
    color:#0088c2;
}
#cookie_layer a:visited{
    color:#0088c2;
}
#cookie_layer a#co-all:visited{
	color:#fff;
}
#cookie_layer a#co-confirm:visited{
	color:#0088c2;
}
#cookie_layer .gray b{
    font-size:16px;
    text-transform: uppercase;
    color:#4a4a4a;  
}

#cookie_layer .gray a, #cookie_layer .gray span{
    padding: 0px 0 0 33px;  
    height:37px;
    display: inline-block;
    background: url('/cms/images/cookie_deaktive.png') 0px 2px no-repeat; 
    text-decoration: none;
    font-size: 14px;
    color: #4a4a4a;
    margin-top: 10px;
    width:80px;
}

#cookie_layer .gray span.necessary{
    color:#8e8e8e;
    background: url('/cms/images/cookie_standard.png') 0px 2px no-repeat; 
}
#cookie_layer .gray a.active{
    color:#8e8e8e;
    background: url('/cms/images/cookie_aktive.png') 0px 2px no-repeat; 
}

#cookie_layer a:after{
    border:none;
}
#cookie_layer a#klapp{
    padding-right:18px;
    background: url('/cms/images/arrow-down_bt.png') right 4px no-repeat; 
    font-size:14px;
    color:#0088c2;
}
#cookie_layer a#klapp.open{
    background: url('/cms/images/arrow-down_tb.png') right 4px no-repeat; 
}

#cookie_layer .left{
    float: left;
}
#cookie_layer .right{
    float: right    ;
}

#cookie_layer .spalte1, #cookie_layer .spalte2, #cookie_layer .spalte3{
    float:left;
}
#cookie_layer .spalte1{
    width:31%;
    margin-left:27%;
}
#cookie_layer .spalte2{
    width:30%;
}
#cookie_layer .btn{
    padding: 10px 25px 10px;
    margin: 0  0 0 5px;
    background-image: none;
}
#cookie_layer #toopen{
    text-align: left;
    padding-top: 20px;
}
#cookie_layer .btn{
	display: inline-block;
    border: #0088c2 1px solid !important;
    padding: 12px 25px;
	background: #0088c2 !important;
	letter-spacing: 0.1em;
	color:#fff;
}
#cookie_layer .btn:hover{
    background-color: #fff;
    color: #0088c2 !important;
    border: #0088c2 1px solid !important;
    background: #fff !important;
}
#cookie_layer .btn.white{
   background: #fff !important;
    border: #083c52 1px solid !important;
    color:#083c52;
}

#cookie_layer .btn.white.lucid{
    border: #0483ba 1px solid !important;
    color:#0483ba;
}
#cookie_layer a:hover.btn.white.lucid{
    color:#4598A5;
    border: #4598A5 1px solid;
}

#cookie_layer .schalterblock{
	text-align: center;
	margin-top: 15px;
}



@media all and (max-width: 1430px) { 
	.event .item-content div.image, .event-home .col-md-4 div.image {
		height:auto;
	}
}

@media all and (max-width: 1350px) { 

	body{
		background-image: url(../images/back-mob.gif);
    	background-repeat: repeat-y;
    	background-position: left;
	}
	
	footer .col-md-8{
		padding-left:70px
	}
}

@media all and (max-width: 1280px) { 
	.navbar-expand-lg .navbar-nav .nav-link{
		padding-right: .4rem;
    	padding-left: .3rem;
	}
     
}

@media all and (max-width: 1235px) { 
	.navbar ul li a span{
		font-size: 0.944em;
	}
	nav .logo {
	    width: 26%;
	}
	nav .navigation {
	    width: 74%;
	}
	#veranstaltungsgebuehr{
		padding-top: 15px;
	}
}

@media all and (max-width: 1150px) { 
	
	a.tel{
		color:#009ee0;;
		cursor:pointer
	}
	nav .logo {
	    width: 70%;
	}
	nav .navigation {
	    width: 30%;
	    overflow: visible;
	}
	.navbar-brand {
    	margin-top: 2px;
    }
    .navbar .lang{
    	position: absolute;
    	top:-25px;
    	right:15px;
    }
	.navbar-expand-lg .navbar-toggler {
    	display: block;
		position:absolute;
		right:11px;
		top:10px;
	}
	.navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none ;
    }
    .navbar-toggle {
        display: block;
    }
 
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-expand-lg .navbar-nav {
    	flex-direction: column;
    }
	#mobnav.show{
		background-color:#4c5759;
		display: block;
		position:absolute;
		top:65px;
		right:0px;
		width:100%;
		min-width: 273px;
		max-width:300px;
		padding: 0 15px 10px 15px;
		z-index: 9999;
	}
	#mobnav ul li{
		border-bottom:1px solid #a7abac;
	}
	#mobnav ul li .moblang{
		text-align: right;
		padding: 8px 0;	
	}

	#mobnav ul li span{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#mobnav ul li a#reg{
		padding-left: 30px;
		background-position: 0px 17px;
	}    
	#mobnav ul li a#login{
		padding-left: 30px;
		background-position: 0px 17px;
		margin-left:0;
	} 
	.navbar,.navbar .container {
		min-height: 85px;
	}
	.navbar ul li a:hover span, .navbar ul li.active a span{
		border-bottom: none;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu {
	    position: relative;
	    margin-bottom:5px;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu a{
		padding-top: 13px;
		padding-bottom: 13px;
		padding-left:3px;
	}
	.navbar{
		background-image: url(../images/backhead-mob.gif);
    	background-repeat:no-repeat;
    	background-position: left center;	
	}
	nav .logo {
		padding-left: 65px;
	}
	.lang{
		display: none;
	}
	
	#veranstaltungsgebuehr{
		padding-top: 10px;
		background-repeat:repeat-y;
		height:125px;
	}
	#veranstaltungsgebuehr label{
		margin-bottom: 0;
	}
	#veranstaltungsgebuehr .price{
	   line-height: 0.9;
	}

	footer{
		padding-bottom: 100px;
	}
		
}
@media all and (max-width: 992px) {
	nav .logo {
		padding-left: 85px;
	}
}
@media all and (max-width: 860px) {
	#veranstaltungsgebuehr label.text-big {
		font-size: 1.167em;
	}
}
@media all and (max-width: 768px) {
	
	h1, h2{
		font-size:2.000em;
	}
	h3{
		margin-bottom: 0;
		font-size: 1.222em;
	}
	section.back-gray {
		padding-top: 40px;
    	padding-bottom: 40px;
	}
	.event-home .col-md-4{
		height:auto;
	}
	section {
     	padding-top: 40px;
    }
	section .col-md-4{
		height:auto;
		margin-bottom:30px;
	}
	.container.header .col-md-4{
		margin-top:0px;
		margin-bottom: 0px;
	} 
	
	.publication .col-md-4 img{
		float:none;
		margin:0 auto;
	}
	.st-layer iframe{
		max-width: 640px;
		width:100%;
	}
	.st-layer.video .wrapper{
		padding: 0 5px;
	}
	
	.stimmen .st-layer.video .content .slogan {
	    font-size: 1.3em;
	    line-height: 1.3;
	}
	.stimmen .st-layer.text .wrapper .scroll {
    overflow-y: scroll;
    overflow-x: hidden;
   }
   .stimmen .st-layer.text .wrapper .scroll .c-text{
   	padding: 0 10px 0 10px;
   }
   .stimmen .datum{
   		right: 100px;
   }
   
   .event .item-content {
     min-height: 0px;
   }

  	.event .item-content div.image {
	    height: auto;
	}
	
	.event .header .col-md-4{
		max-width:408px;
	}
	#veranstaltungsgebuehr {
		padding-top: 20px;
		height: 155px;	
	}
	.team .header{
		margin-bottom: 10px;
	}
	.col-md-4 article {
		height: 70px;
	}
	
	footer .col-md-4.text-right{
		margin-top: 19px;
		text-align: center !important;
    	padding-left: 70px;
	}
	#layer-event-registation .row{
		padding-top:20px;
		padding-bottom:15px;
	}
	#layer-event-registation {
		top: 20px;
	}
	.stimmen .st-layer {
    	position: fixed;
   }
	
	footer {
    	padding-bottom: 100px;
    	text-align: center
   	}
   	#cookie_layer .block {
    	width: 100%;
   }
   	
	.bild-links, .bild-rechts{
		display:block;
		float:none;
		margin: 10px auto 10px 0;
		width:100%;
		max-width:450px;
		height:auto;
	}

}
@media all and (max-width: 600px) {
	.st-layer iframe{
		height: 300px;
	}
	section.back-gray.event {
		padding-bottom: 15px;
	}
	#veranstaltungsgebuehr {
		background: none;
		color: #4c5759;
		text-align:left;
		height:auto;
	}
	#btn-up{
		right:0px;
		bottom:10px;
	}
}	
@media all and (max-width: 500px) {
	
	.st-layer iframe{
		height: 260px;
	}
	
	.stimmen .st-layer .content {
	    padding-top: 210px !important;
	}
	.stimmen .st-layer .museum {
    top: 100px;
    left: 10px;
   }
   .stimmen .st-layer.video .content .slogan{
   	text-align: left;
   	margin: 7px 15px 10px 5px;
   }
   	footer {
    	padding-top: 20px;
   	}
   	footer img {
   		margin: 0px 10px 10PX 0;
	}
	#cookie_layer .block {
        padding: 20px 15px 15px;;
   }
   #cookie_layer .spalte1 {
    width: 45%;
    margin-left: 10%;
   }
}
@media all and (max-width: 476px) {
	footer img {
		margin: 0px 50px 20px 50px;
	}
	.navbar-brand img{
		width:200px
	}
	h1, h2{
		font-size: 1.889em;
	}
	.team .item img{
		width: 80px;
	}
	.team .item .perstext {
	    padding-left: 90px;
	}
	.team .item .perstext{
		font-size: 0.889em;
	}
	#cookie_layer .btn.white.lucid {
		margin-bottom: 10px;
	}
}
@media all and (max-width: 390px) {
	body {
	    background-position: -10px ;
	}
	
	h1, h2{
		font-size: 1.778em;
	}

	#veranstaltungsgebuehr {
    	padding-top: 15px;
	    height: 135px;
	}
	
	.navbar {
	    background-position: left -10px center;
	}
	nav .logo {
	    padding-left: 70px;
	}
	.navbar-expand-lg .navbar-toggler {
		right: 0px;
	}
	footer .col-md-8,footer .col-md-4 {
    padding-left: 50px;
   }
   .team .item img{
		width: 75px;
	}
	.team .item .perstext {
	    padding-left: 85px;
	}
	.stimmen .headline {
    font-size: 1.222em;
	}
	.stimmen .st-layer.text .wrapper .c-text{
		font-size: 1em
	}
	.stimmen .st-layer.text .c-text h2 {
    	font-size: 24px;
    }
    .stimmen .st-layer .content {
   		padding-top: 230px !important;
    }

	.stimmen .st-layer .content .slogan {
	    font-size: 25px;
	    line-height: 35px;
	}
	.stimmen .st-layer .content img {
	    margin: 15px 0 10px;
	}
	.stimmen .st-layer.video .content .slogan {
    	font-size: 1.2em;
   }
   #cookie_layer .block {
	    padding: 5px 10px 10px;
	}
	#cookie_layer .headline {
		padding:0;
	}
	#cookie_layer .gray {
    padding: 10px 15px 5px;
  	}
  	#cookie_layer .schalterblock {
     margin-top: 9px;
    }
    #cookie_layer p{
    	margin-bottom:5px !important;
    }
}
@media all and (max-width: 350px) {
	body {
	    background-position: -15px ;
	}

	nav .logo {
	    padding-left: 60px;
	}
	.navbar-brand img{
		width:180px
	}
	.navbar {
	    background-position: left -15px center;
	}
	h1, h2{
		font-size: 1.667em;
	}
	.team .item img{
		width: 60px;
	}
	.team .item .perstext {
	    padding-left: 70px;
	}
	#cookie_layer .spalte1 {
    width: 55%;
    margin-left: 2%;
   }
}