@import url('https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700,800');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

body{
	background:#364150;
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 17px;
}

h1{
    position: relative;
    font-size: 28px;
    margin-top: 10px;
    /* margin-bottom: 25px; */
    font-weight: 300;
    color: #666;
}

/* h1::after{
	content:'';
	position:absolute;
	left:0;
	right:0;
	width:100%;
	height:2px;
	background:#3c8dbc;
	bottom:0;
	margin-bottom:-10px;
} */

h2{
	position:relative;
	font-size:20px;
	color:#999;
	margin-top:2px;
}

h3{
	font-size:18px;
	color:#3c8dbc;
}


.navbar-default {
	background-color: #2B3643;
    margin-bottom: 0px;
    border: 0px;
		z-index: 10000000;
}

.navbar-default .navbar-brand{
	color:#fff;
}

.navbar-default .navbar-nav > li > a{
	color:#fff;
	font-size: 15px;
}
@media(max-width: 910px) and (min-width: 767px){
	.navbar-default .navbar-nav > li > a{
		color:#fff;
		font-size: 10px;
	}
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background:#333;
}

.navbar-default .navbar-toggle .icon-bar{
	background:#fff;
}

.content-left{
	background: #364150;
	padding-left: 10px;
	padding-right: 10px;
	/* padding-top: 20px; */
	min-height: 250px;
	min-width: 250px;
	max-width: 250px;
	float: left;
}

.main-content{
	/* width:calc(100% - 400px); */
	width: calc(100% - 500px);
	float: left;
	background: #EEF1F5;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
	height: calc(100vh - 67px);
	padding-bottom: 150px;
	overflow-y: scroll;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

@media (min-width: 768px){
.navbar-nav > li > a {
    padding-top: 22px;
    padding-bottom: 25px;
}}

.content-right {
	background: #364150;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 250px;
	min-width: 250px;
	max-width: 250px;
	float: left;
}

.artktyp_outter {
	padding: 5px;
	max-height: calc(100vh - 180px);
	overflow-y: scroll;
}

a.btn_artktyp {
    display: inline-block;
    padding: 10px;
    background: white;
    margin-bottom: 15px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
		font-weight: bold;
    opacity: 0.75;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.05);
    background-color: #fff;
}
a.btn_artktyp:hover {
    opacity: 1;
}

img.inbtnbild {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 50%;
}

.sidebar-menue {
    padding-left: 0px;
    list-style: none;
}

.sidebar-menue.sidebar-scroll{
	padding-left: 0px;
	list-style: none;
	height: 180px;
	overflow-y: scroll;
}

.sidebar-menue a{
	color:#b8c7ce;
}

.sidebar-menue a:hover{
	color:#fff!important;
	text-decoration:none;
}


.sidebar-menue > li > ul{
	padding-left:15px;
	list-style:none;
}

.menue-tree{
	list-style:none;
	width:100%;
	padding-left:0px;
	margin-top: 15px;

}

.menue-tree a{
	color:#333;
}

.menue-tree a:hover{
	text-decoration:none;
}

.sub-tree{
	min-height:10px;
}

.menue-tree > li > ul{
	list-style:none;
}

.menue-tree > li{
	font-size:20px;
	padding:10px 10px;
	margin-bottom:10px;
	display:block;
	background: #fdfdfd;
    border: 1px solid #3c8dbc;
	position:relative;
}

.menue-tree > li > ul > li > a{
	color:#333;
}

.menue-tree > li > ul > li{
	padding:10px 6px;
	margin-top:10px;
	border:1px solid #d3d3d3;
	display:block;
	background:#fff;
	font-size:16px;
	position: relative;
}

.menue-tree > li > ul > li > a:hover{
	text-decoration:none;
}
.cms-body {
    background: #364150;
}

.artikel-block2{
	border: 4px solid transparent;
	background: #fff;
	margin-top: 10px;
	position: relative;
	min-height: 45px;
	zoom: 0.8;
	transition: all .4s;
}

.artikel-block2:hover {
    border: 4px solid #d3d3d3;
    cursor: pointer;
}

.artikel-block {
    border: 1px solid #d3d3d3;
    background: #fff;
    margin-top: 10px;
    position: relative;
    min-height: 45px;
}
.artikel-block:hover {
	border: 1px solid #d3d3d3;
	background: #fff;
	margin-top: 10px;
	position: relative;
	min-height: 45px;
}


.artikel-block .artikel-name{
	margin: 0px;
	font-size: 16px;
	display: inline-block;
	line-height: 45px;
	padding-left: 10px;
	min-width:200px;
}

.artikel-info{
	color:#999;
	font-size:12px;
	display:inline-block;
	width: 150px;
    text-align: center;
}

.artikel-liste{
	padding-left:0px;
	list-style:none;
}

.struktur-name{
    display: inline-block;
	min-width:300px;
}

.struktur-sub-name{
    display: inline-block;
	min-width:254px;
}

.struktur-info{
	color:#999;
	font-size:12px;
	display:inline-block;
	min-width: 150px;
    text-align: center;
}



.btn-group-right{
	position: absolute;
  /* top: 50%; */
  /* transform: translateY(-50%); */
  right: 0;
  top: 5px;
  margin-right: 5px;
}

.btn-group-right form{
	display:inline;
}
.button-gruppe-artikel {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 4px;
    margin-right: 5px;
}
.artikel-block2 .button-gruppe-artikel{
	position: absolute;
    top: 0;
    right: 0;
    margin-top: 4px;
    margin-right: 5px;
		opacity: 0;
		transition: all .4s;
		z-index: 10000;
}

.artikel-block2:hover .button-gruppe-artikel{ opacity:1; }

.button-gruppe-artikel form{
	display:inline;
}

.menue-tree > li > .btn-group-right{
	margin-right:15px;
}



.table{
	margin-bottom:10px;
}

.panel-body{
	    padding-bottom: 0px;
}

.image_form{
	position:relative;
	display:block;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width:150px;
	height:150px;
	overflow:hidden;

}

.image_form img{
	width:100%;
	max-width:150px;
}


.save-button{
	background:#5cb85c;
	border:0;
	color:#fff;
	padding:5px;
	font-size:14px;
	transition: all .31s;
}

.save-button:hover,
.save-button:focus,
.save-button:active{
	background:#5cb85c;
	color:#fff;
	opacity:0.9;
}


.delete-button{
	position:absolute;
	top:0;
	right:0;
	background:#d9534f;
	border:0;
	color:#fff;
	padding:5px;
	font-size:10px;
	line-height:10px;
	transition: all .31s;
}

.delete-button:hover,
.delete-button:focus,
.delete-button:active{
	background:#d9534f;
	color:#fff;
	opacity:0.9;
}

.delete-button-marke{
	background:#d9534f;
	color:#fff;
	margin: -8px;
}

.delete-button-marke:hover,
.ddelete-button-marke:focus,
.delete-button-marke:active{
	background:#d9534f;
	color:#fff;
	opacity:0.9;
}

.btn-system{
	background:#337ab7;
	color:#fff;
	border:0;
	transition: all .31s;
}

.btn-system:hover{
	color:#fff;
	background:#63a0d4;
}

.second_wrapper{
	position:relative;
}

.success_message{
	display:none;
	width:100%;
	position:absolute;
	top:0;
	right:0;
	left:0;
	right:0;
	padding:10px;
	padding-bottom:0px;
	font-size:16px;
	text-align:center;
	background:#5cb85c;
	color:#fff;
	opacity:0.7;
	padding-bottom:10px;
	margin-left:-30px;
}

.panel-default{
	border: 1px solid #ddd;
}

.login-holder{
	max-width:400px;
	width:100%;
	background:#fff;
	margin-left:auto;
	margin-right:auto;
	top: 25%;
    position: absolute;
    left: 0;
    right: 0;
	border-radius: 0px;
}

.login-holder p{
	color:#fff;
	background:#3c8dbc;
	padding:10px;
}

.login-wrapper{
		padding-left:10px;
	padding-bottom:10px;
	padding-right:10px;
}

.text-small{
	font-size:10px;
}

.menu-heading{
    /* font-weight: bold; */
    color: #fff;
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 10px;
    /* color: rgb(176, 200, 232); */
    background: #3e4b5c;
    border-left: 4px solid #36c6d3;
    color: rgb(241, 241, 241);
    padding: 10px 10px;
}

.wrapper-box{
	/* border:2px solid #3c8dbc */
    background-color: #fff;
}

.wrapper-box-heading{
    padding: 10px;
    color: #fff;
    background: #c0ac47;
    position: relative;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-transform: uppercase;
    font-weight: 700;
}

.wrapper-box-body{padding:10px;}

.glyphicon-block {
    position: absolute;
    /* padding-top: 12px; */
    right: 0;
    padding-left: 12px;
    top: 50%;
    transform: translateY(-50%);
    padding-right: 5px;
    margin-right: 5px;
    width: 65px;
    height: 38px;
    font-size: 40px;
    color: #fff;
}

.legend-holder{
	color:#b8c7ce;
	position: relative;
    padding-left: 20px;
	margin-bottom:4px;
}

.square{
	width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 3px;
}

.square-blue{
	background:#337ab7;
}

.square-green{
	background:#5cb85c;
}
.square-orange{
	background:#f0ad4e;
}
.square-red{
	background:#d9534f;
}

.navbar-brand {
    float: left;
    height: 67px;
    padding: 5px 5px;
    font-size: 18px;
    line-height: 20px;
}

.navbar-brand img {
    max-width: 55px;
    padding-left: 50p;
    margin-right: 50px;
    margin-left: 10px;
}


.button-mobile-menu{
	display:none;
}

.paragraph-striped{
margin: 0 0 0px;
    padding: 15px 10px;
    line-height: 22px;
}

.paragraph-striped:nth-child(even) {
	background:#f9f9f9;
}

@media(min-width:992px){
.dashboard-box{
	min-height:300px;
}
}


@media(max-width:1199px){
	.struktur-info{
		display:none;
	}
	.artikel-info{display:none;}
}


@media(max-width:991px){
	.main-wrapper{
		position:relative;
	}
	.artikel-block .artikel-name{
		font-size:12px;
	}
	.struktur-name{
		font-size:12px;
	}
	.struktur-sub-name{
		font-size:12px;
	}
	.menue-tree > li > ul{
		padding-left:10px;
	}

	.main-content{
		width:100%;
		display:block;
		float:none;
		padding-left: 45px;
	}

	.button-mobile-menu{
    position: relative;
    padding: 10px;
    background: #222d32;
    color: #fff;
    border-radius: 0px;
    right: -180px;
    top: 0px;
    display: block;
	}
	.button-mobile-menu:hover,.button-mobile-menu:active,.button-mobile-menu:focus{
	background: #222d32;
    color: #fff;
	outline:none;
	}
}

@media(max-width:767px){
	.navbar-default .navbar-nav > li > a{
		padding-left:50px;
	}
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff!important;
    background-color: transparent;
}

.border-grey{
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}

.btn-bearbeiten{
	border-color: #32c5d2;
    color: #32c5d2;
    background: 0 0;
    border-radius: 25px;
    padding: 5px 10px;
    border: 1px solid;
	transition: all .3s;
	outline:none;
	width: 120px;
	padding-bottom: 7px;
}

.btn-bearbeiten:hover{
    border-color: #32c5d2;
    color: #FFF;
    background-color: #32c5d2;
}
.paragraph{
    padding: 15px 10px;
    line-height: 22px;
}

.paragraph:nth-child(even) {
	border-bottom: 1px solid #eef1f5;
	border-top: 1px solid #eef1f5;
}

.btn-ansehen{
	background-color: #c51b26;
    border-color: #a1161f;
    border-radius: 25px;
    padding: 5px 10px;
    border: 1px solid;
	outline:none;
	color:#fff;
	width: 120px;
	padding-bottom: 7px;
}

.btn-loeschen{
	border-color: #c51b26;
    color: #c51b26;
    background: 0 0;
    border-radius: 25px;
    padding: 5px 10px;
    border: 1px solid;
	transition: all .3s;
	outline:none;
	width: 120px;
	padding-bottom: 7px;
}

.btn-loeschen:hover{
    border-color: #c51b26;
    color: #FFF;
    background-color: #c51b26;
}


/* GOOEY EFFECT */
.menu {
  filter: url("#shadowed-goo");
}

.menu-item, .menu-open2-button {
  background: #d3bd52;
  border-radius: 100%;
  width: 70px;
  height: 70px;
  margin-left: -40px;
  position: absolute;
  top: 20px;
  color: white;
  text-align: center;
  line-height: 70px;
  transform: translate3d(0, 0, 0);
  transition: transform ease-out 200ms;
 box-shadow: 2px 2px 14px #999;
 transition: all .3s;
}

.menu-open2 {
  display: none;
}

.hamburger {
  width: 25px;
  height: 3px;
  background: white;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -12.5px;
  margin-top: -1.5px;
  transition: transform 200ms;
}

.hamburger-1 {
  transform: translate3d(0, -8px, 0);
}

.hamburger-2 {
  transform: translate3d(0, 0, 0);
}

.hamburger-3 {
  transform: translate3d(0, 8px, 0);
}

.menu-open2:checked + .menu-open2-button .hamburger-1 {
  transform: translate3d(0, 0, 0) rotate(45deg);
}
.menu-open2:checked + .menu-open2-button .hamburger-2 {
  transform: translate3d(0, 0, 0) scale(0.1, 1);
}
.menu-open2:checked + .menu-open2-button .hamburger-3 {
  transform: translate3d(0, 0, 0) rotate(-45deg);
}

.menu {
    position: fixed;
    /* left: 50%; */
    /* margin-left: -190px; */
    /* padding-top: 20px; */
    padding-left: 190px;
    width: 280px;
    height: 290px;
    box-sizing: border-box;
    font-size: 20px;
    text-align: left;
    right: 0;
    /* top: 0; */
    bottom: -130px;
}

.menu-item:hover {
  background: white;
  color: #ff4081;
}
.menu-item:nth-child(3) {
  transition-duration: 70ms;
}
.menu-item:nth-child(4) {
  transition-duration: 130ms;
}
.menu-item:nth-child(5) {
  transition-duration: 190ms;
}
.menu-item:nth-child(6) {
  transition-duration: 250ms;
}
.menu-item:nth-child(7) {
  transition-duration: 310ms;
}

.menu-open2-button {
  z-index: 2;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-duration: 400ms;
  transform: scale(1.1, 1.1) translate3d(0, 0, 0);
  cursor: pointer;
}

.menu-open2-button:hover {
  transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}

.menu-open2:checked + .menu-open2-button {
  transition-timing-function: linear;
  transition-duration: 200ms;
  transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}

.menu-open2:checked ~ .menu-item {
  transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
}
.menu-open2:checked ~ .menu-item:nth-child(3) {
  transition-duration: 160ms;
  transform: translate3d(-11.48084px, -94.42548px, 0);
}
.menu-open2:checked ~ .menu-item:nth-child(4) {
  transition-duration: 240ms;
  transform: translate3d(-91.48084px, -54.42548px, 0);
}
.menu-open2:checked ~ .menu-item:nth-child(5) {
  transition-duration: 320ms;
  transform: translate3d(-91.9158px, 34.99996px, 0);
}

svg:not(:root) {
    display: none;
}

.mheading{
    color: #b4bcc8;
    padding: 5px;
    margin-bottom: 0px;
    margin-top: 10px;
}

.mtop0{
    margin-top: 0px;
}

.submen{
	color: #b4bcc8;
    font-size: 14px;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
	outline:none;
}

.btn-anmelden{
    color: #FFF;
    background-color: #32c5d2;
    border-color: #32c5d2;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    border: 0;
    padding: 10px 20px;
    transition: all .3s;
}

.btn-anmelden:hover{
    background-color: #26a1ab;
}

.cms-style .login-holder .form-control {
    background-color: #dde3ec;
    height: 43px;
    color: #8290a3;
    border-radius: 0px;
    box-shadow: none;
    border: 1px solid #dde3ec;
}

.cms-style .login-holder .form-control:focus {
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0);
	border: 1px solid #c3ccda;
}

.login-img{
    max-width: 220px;
	width:100%;
    margin-left: auto;
    margin-right: auto;
    top: 18%;
    position: absolute;
    left: 0;
    right: 0;
}

.error-border{
	outline: none;
    border-color: #D51F27;
    box-shadow: 0 0 10px #D51F27;
}

.success-border{
	outline: none;
    border-color: #52d3aa;
    box-shadow: 0 0 10px #52d3aa;
}

.note-popover .popover-content, .panel-heading.note-toolbar {
    z-index: 1;
}

.btnouter {
    position: fixed;
    right: 0;
    z-index: 9999;
    opacity: 0;
    transition: opacity .5s linear;
}
.btncontalign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: #00c9ff;
    background: -webkit-gradient(linear, left top, right bottom, from(#00c9ff), to(#92fe9d));
    background: linear-gradient(to bottom right, #00c9ff 0%, #92fe9d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c9ff', endColorstr='#92fe9d', GradientType=1);
    border-radius: 100%;
    margin-bottom: 10pt;
    margin-right: 10pt;
}

#vorschaupopup{
	display:none;
	background: rgba(0, 0, 0, 0.80);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 100000000;
}
a#popup-close {
    font-size: 25px;
    color: white;
    position: absolute;
    top: 20px;
    right: 20px;
    text-decoration: none!important;
}

div#vorschau-content {
    width: 90%;
		height:80%;
    background: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

#vorschaupopup2{
	display:none;
	background: rgba(0, 0, 0, 0.80);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 100000000;
}
a#popup-close2 {
    font-size: 25px;
    color: white;
    position: absolute;
    top: 20px;
    right: 20px;
    text-decoration: none!important;
}

div#vorschau-content2 {
	  max-width: 400px;
    width: 90%;
		height:80%;
    background: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.s-hidden {
    visibility:hidden;
    padding-right:10px;
}
.select {
    cursor:pointer;
    display:inline-block;
    position:relative;
    font:normal 11px/22px Arial, Sans-Serif;
    color:black;
    border:1px solid #ccc;
}
.styledSelect {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:white;
    padding:0 10px;
    font-weight:bold;
}
.styledSelect:after {
    content:"";
    width:0;
    height:0;
    border:5px solid transparent;
    border-color:black transparent transparent transparent;
    position:absolute;
    top:9px;
    right:6px;
}
.styledSelect:active, .styledSelect.active {
    background-color:#eee;
}
.options {
    display:none;
    position:absolute;
    top:100%;
    right:0;
    left:0;
    z-index:999;
    margin:0 0;
    padding:0 0;
    list-style:none;
    border:1px solid #ccc;
    background-color:white;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
}
.options li {
    padding:0 6px;
    margin:0 0;
    padding:0 10px;
		    font-size: 14px;
}
.options li:hover {
    background-color:#39f;
    color:white;
}
img.imgdisplay {
    max-width: 950px;
    width: 100%;
    position: fixed;
    top: 50%;
    left: 58%;
    transform: translate(-50%,-50%);
    z-index: 2000;
}
@media(max-width:1600px){
	img.imgdisplay {
	  max-width: 700px;
	}
}
@media(max-width:1400px){
	img.imgdisplay {
		left:68%;
	  max-width: 530px;
	}
}
@media(max-width:1000px){
	img.imgdisplay {
	opacity:0;
	}
}

.cms-style2 > .main-wrapper > .main-content > h1, .cms-style2 > .main-wrapper > .main-content > .row > .col-md-6 > h1, .cms-style2 > .main-wrapper > .main-content > .row > .col-md-3 > h1 {
    position: relative!important;
    font-size: 28px!important;
    margin-top: 10px!important;
    /* margin-bottom: 25px; */
    font-weight: 300!important;
    color: #666!important;
		font-family: 'Open Sans', sans-serif!important;
}


.cms-style2 .button-gruppe-artikel .btn-primary, .save_artikel .btn-primary {
    color: #fff;
    background-color: #337ab7;
    border: 1px solid #2e6da4;
}
.cms-style2 .button-gruppe-artikel .btn-primary:hover, .save_artikel .btn-primary:hover {
		color: #fff;
		background-color: #286090;
    border: 1px solid #204d74;
}

.cms-style2 .button-gruppe-artikel .btn, .save_artikel .btn {
	letter-spacing: 0px!important;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}


.save_artikel .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.cms-style h1 {
	position: relative!important;
	font-size: 28px!important;
	margin-top: 10px!important;
	/* margin-bottom: 25px; */
	font-weight: 300!important;
	color: #666!important;
	font-family: 'Open Sans', sans-serif!important;
}

.cms-style h2{
	position: relative;
  font-size: 20px;
  color: #999;
  margin-top: 2px;
  font-family: 'Open Sans', sans-serif!important;
  text-transform: none;
  font-weight: 400!important;
}
.cms-style h3{
	font-size: 18px;
	color: #3c8dbc;
}

.cms-style .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.cms-style .btn-primary{
    color: #fff;
    background-color: #337ab7;
    border: 1px solid #2e6da4;
}
.cms-style .btn-primary:hover{
		color: #fff;
		background-color: #286090;
    border: 1px solid #204d74;
}

.cms-style .btn {
		letter-spacing: 0px!important;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.cms-style .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.cms-style .button-mobile-menu {
    display: none;
}

.cms-style .btn-bearbeiten {
    border-color: #32c5d2;
    color: #32c5d2;
    background: 0 0;
    border-radius: 25px;
    padding: 5px 10px;
    border: 1px solid;
    transition: all .3s;
    outline: none;
    width: 120px;
    padding-bottom: 7px;
}

@media(max-width:1500px){
	.struc_outter {
    max-height: calc(100vh - 76px);
    overflow-y: scroll;
	}
	/* Hide scrollbar for Chrome, Safari and Opera */
		.struc_outter::-webkit-scrollbar {
		  display: none;
		}

		/* Hide scrollbar for IE, Edge and Firefox */
		.struc_outter {
		  -ms-overflow-style: none;  /* IE and Edge */
		  scrollbar-width: none;  /* Firefox */
		}
	.content-left{
		transition: all .4s;
		position: absolute;
		left: -250px;
		float:none;
		top: 67px;
		height: calc(100% - 67px);
    z-index: 1000000;
	}
	.content-right{
    transition: all .4s;
    position: absolute;
    right: -250px;
    float: none;
    top: 67px;
    height: calc(100% - 67px);
    z-index: 1000000;
	}
	.main-content {
		width: calc(100% - 100px);
    float: none;
    margin-left: 50px;
	}
	.main-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
	}
	.button-mobile-menu {
		transition: all .2s;
		position: absolute;
		padding: 10px!important;
		background: #222d32;
		color: #fff!important;
		border-radius: 0px!important;
		top: 0px;
		display: block!important;
		width: 50px;
	}
	.content-left .button-mobile-menu { right: -50px; }
	.content-right .button-mobile-menu { left: -50px; }
	.content-left.menu-open {
	    left: 0px;
	}
	.content-left.menu-open .button-mobile-menu { right: 0px; }
	.content-right.menu-open {
	    right: 0px;
	}
	.content-right.menu-open .button-mobile-menu { left: 0px; }
}

.navbar-toggle {
    margin-top: 15px;
	}