/* Farben
#CF7F6F8
#E6E5EA
#C848098
#0A0032
#D51E7E
*/

button:focus {outline: 0 !important;}

#admin-panel{
	display:none;
	position: fixed;
	z-index:2000;
	background: #ffffff;
	width:200px;
	min-height:160px;
	top:40%;
	padding:10px;
	padding-right: 2px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.switch-icon{
	position: absolute;
    width: 200px;
	cursor: pointer;
}
#admin-panel .admin-button{
	background: #0085ba;
    color: #fff;
    text-decoration: none;
	width:160px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

.admin-panel-visible{
	left:0px;
	transition: 0.3s;
}

.admin-panel-hidden{
	left:-170px;
	transition: 0.3s;
}

.switch-hidden {
	/*transform: rotate(0deg);*/
	transform: rotate(90deg);
}
.switch-visible {
	transform: rotate(180deg);
	transform: rotate(90deg);
}

#admin-panel-switch{
	    position: relative;
	float:right;
}



#admin-content{
	background:#ff0000;
}

#page-main{
	/*padding-top: 100px;
	overflow-x: hidden;*/
}


picture{width:100%;  overflow:hidden;}


.img-center {
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: center;
  justify-content: center;
}

.slides-container {
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: center;
  justify-content: center;
}

.par-down{
	width:calc(100% + 50px);
}


.container-fluid{
	margin:0px;
	z-index:10;
}



.block-admin-visible{
	border:1px solid #d32f2f !important;
}

.btn {
	padding:18px !important;
}


.btn-primary {
	-webkit-box-shadow: 3px 6px 3px 0px rgba(213,30,126,0.3);
	-moz-box-shadow: 3px 6px 3px 0px rgba(213,30,126,0.3);
	box-shadow: 3px 6px 3px 0px rgba(213,30,126,0.3);
	border-radius: 3px !important;
	text-decoration: none;
}


.btn-primary:hover {
	-webkit-box-shadow: 2px 2px 1px 0px rgba(213,30,126,0.31);
	-moz-box-shadow: 2px 2px 1px 0px rgba(213,30,126,0.31);
	box-shadow: 2px 2px 1px 0px rgba(213,30,126,0.31);
}

:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}

body{
	font-family: 'Roboto', sans-serif !important;
	
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4{font-family: 'Roboto Condensed', sans-serif !important;}

h1, .h1{margin-bottom: 68px !important;}
h2, .h2{margin-bottom: 50px !important;}
h3, .h3{margin-bottom: 22px !important;}
h4, .h4{margin-bottom: 22px !important; font-weight: 400 !important;}

#page-main li{padding-bottom:18px;
	list-style-image: url('../png/haken1.png');
}

.background-0{background:#FFFFFF !important;}
.background-1{background:#F7F6F8 !important;}
.background-2{background:#E6E5EA !important;}
.background-3{background:#848098 !important;}
.background-4{background:#F7F6F8 !important;}


img{max-width: 100%;}

#calendar-wrapper{
	    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 3000;
	
}

.container-fluid-back-image{
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	overflow: hidden;
    height: 100%;
}

.container-fluid-back-image img{
	width:100%;
}

.container-fluid-back-image2{
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	height:100%;
	background:rgba(247,247,247,0.5);
}

#close-cal{position: absolute; top:10px; right:10px; color:#ffffff; font-weight: 600; font-size: 28px; cursor: pointer;}

div.wpcf7-mail-sent-ok {
    border: 0px solid #ffffff !important;
}

.calendly-inline-widget{
	top:60px;
}

@media (max-width: 1279px){
	.container{
		padding-left:10px !important;
		padding-right:10px !important;
	}
}

@media (max-width: 767px){
	h1, .h1{font-size: 1.8em !important;}
	h2, .h2{font-size: 1.6em !important;}
	h3, .h3{font-size: 1.4em !important;}
	
	.p-3 {
	  padding: 60px !important; }

	.pt-3,
	.py-3 {
	  padding-top: 60px !important; }

	.pr-3,
	.px-3 {
	  padding-right: 60px !important; }

	.pb-3,
	.py-3 {
	  padding-bottom: 60px !important; }

	.pl-3,
	.px-3 {
	  padding-left: 60px !important; }
	
	.container-fluid-back-image {
		 position: relative !important;
		padding-bottom: 8.33333%;
	}
	.container-fluid-back-image2{
		display: none;
	}
}