@font-face {
  font-family: 'fontellokess';
  src: url('fonts/fontellokess.tt') format('truetype');
  font-weight: normal;
  font-style: normal;
}


/* *******************************************************
  .gelb {color:#F9B200;}
  .rot, p.rot  {color:#E0091D;}
  .gruen {color:#89BA17;}
  .blau {color:#0080BA;}
  .orange {color:#EC7405;}
  farbe 6: #7b4ec6
  farbe 7: #9ab3a8
  farbe 8: #b19d31
  .grau {color:#E6E6E6;}
******************************************************** */


body {
    color: #333;
    font: 14px/1.5 'Open Sans',sans-serif;
    font-weight:200;
}
body img { width:auto; max-width:100%; }


a, a:focus, a:hover, a:active { text-decoration:none; font-weight:400; }
iframe { height:auto; min-height:450px; max-width:500px; }
.margin-top-40 { margin-top:40px; }
h3 em.green { color:#89BA17; }
h3 em.green sup { padding-left:2px; font-size:85%; top: -.3em;}
.vorspann { padding:15px; }
.content-sm { padding-top: 40px; padding-bottom: 30px;}
.content-sm .textkasten { margin-bottom: 10px;}
.infokasten { display:block; padding:20px; width:50%; margin-left:25%; margin-right:25%; border:2px solid #E0091D;margin-top:-20px;margin-bottom:30px;  }

/* *******************************************************
Farben
******************************************************** */

.rot  { color:#E0091D;}
.inhalt a:hover, .inhalt a:active { color: #333; }
body .btn-u { background: #FFF; border: 1px solid #E0091D; color: #E0091D; }
body .btn-u:hover { background: #E0091D; border: 1px solid #E0091D; color: #FFF; }
.inhalt h1 { font-size: 20px;line-height:1.4em; color:#E0091D; margin-bottom:10px; }
.inhalt h2, .rechts h2 { font-size: 20px;line-height:1.4em; color:#E0091D; margin-bottom:4px; }
.inhalt.intern h2 { color:#333; }
.inhalt h3, .inhalt #sidebar-nav ul li { font-size: 18px;line-height:1.2em; color:#333; }
.inhalt .downloads h3 { color:#333; padding-top:10px; border-top: solid 1px #E6E6E6; }
.inhalt .downloads a:hover { color:#E0091D; }
body.kess02 .inhalt .downloads a:hover { color:#a71c29; }
.intern .funny-boxes h3 a { color: #333; }
.intern .funny-boxes h3 a:before {     
font: normal normal normal 14px/1 'Simple-Line-Icons';
font-size: 14px;
line-height: 1;
font-size: inherit;
text-rendering: auto;
-moz-osx-font-smoothing: grayscale; 
content:"\e01a";
color:#E0091D;
padding-right:10px;
}
.intern .funny-boxes h3 a:hover { color:#E0091D; }

/* *******************************************************
Line-Icons
******************************************************** */
.li {
    font: normal normal normal 14px/1 'Simple-Line-Icons';
        font-size: 14px;
        line-height: 1;
    font-size: inherit;
    text-rendering: auto;
    -moz-osx-font-smoothing: grayscale;
}
.icony-size-actual:before{content:"\e058"}
.li-icony-user:before{content:"\e005"}
.icony-note:before{content:"\e060"}


/* *******************************************************
listen
******************************************************** */

.inhalt ul {
    list-style: none;
    padding-left: 0px;
    margin-left:6px;
    margin-right: 30px;
    overflow: auto;
}
.inhalt ul > li {
    list-style: none;
    margin: 0;
    padding: 2px 0 2px 24px;
}
  
.inhalt ul > li::before {
font: normal normal normal 14px/1 FontAwesome;
content: "\f0a9";
color: #BBB; padding-right:8px;
margin-left: -20px;
}


.inhalt #sitemap ul > li::before { content:""; }
.inhalt #sitemap ul.rex-navi1 > li::before { content:"\f0a9"; }
.inhalt #sitemap ul ul > li { margin-left:10px; }


.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #444;
    background-color: transparent;
    border-bottom: 1px solid #ddd;
}


/* *******************************************************
Accordion
******************************************************** */

.panel {
margin-bottom: 10px;
background-color: #fff;
border-bottom: 1px solid #999;
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
}
.panel-group .panel {
margin-bottom: 10px;
border-radius: 0px;
padding:10px 0;
}


/* *******************************************************
Filter
******************************************************** */


div.authorcopy { position:absolute;width:100%;right:-95%;background-color:transparent;transform-origin: top left;transform:rotate(-90deg);}.authorcopy span, p.authorcopy { font-size:9px; font-weight:normal; color:#FFF; padding:4px 5px;} 

#acc_visit.panel-group .panel + .panel { margin-top: 0px; }
#acc_visit.panel-group .panel { padding-bottom:0px; }
#acc_visit .col-md-6 { width:48%; margin-bottom:30px; margin-right: 1%; margin-left: 1%; }
#acc_visit .panel-heading { display:block; height:140px; border-bottom:70px solid #ebebeb; }
#acc_visit .panel-heading .image { width:120px;}
#acc_visit .panel-heading img.w-30 { width:120px;height:120px; float:left; }
#acc_visit .panel-heading .name { margin-left:140px; padding-top:20px; }
#acc_visit .panel-heading h4 { font-size:1.6rem; color:#E0091D; }
#acc_visit .panel-heading h4 span { font-size:1.2rem; color:#555; }
.inhalt #acc_visit ul > li::before { content:""; }
.filters-button-group { margin-bottom:40px; }
#acc_visit .element-item { display: none; }
ul#filterButtons > li::before { content:"";padding:0;margin:0;}
ul#filterButtons > li { color:#AAA; text-transform: uppercase;font-size:14px;font-weight:bold; }
ul#filterButtons > li.active, ul#filterButtons .btn:active { box-shadow: none;}
 

/* *******************************************************
PopMaps
******************************************************** */
#map { padding-bottom:30px; }
.popup.kess1data,
.popup.kess2data,
.popup.kess3data,
.popup.kess4data,
.popup.kess5data,
.popup.kess6data,
.popup.kess7data,
.popup.kess8data { display:none; margin-top:40px; }
.popup h4 { border-top:1px solid #999; font-size:1.0em; line-height:1.5em; padding:6px 0; font-weight:700; border-bottom:1px solid #999; padding-right:20px}
.popup p.close { display:none; }

.popup p a { display:block; border-bottom:1px solid #999;padding-bottom:10px; }
.popup p a.inst, .popup p a.rot { display:inline; border:none;padding-bottom:0px; }

.popup h3 { display:block; padding-top:14px; height:40px; line-height:100%; padding-bottom:0; margin-bottom:0;
  background-image: url('../../media/kess2symbol.png');
  background-position: right top;
  background-repeat: no-repeat;
  background-size:33px;
}

body.kess01 .popup h3 { background-image: url('../../media/kess1symbol.png'); }
body.kess02 .popup h3 { background-image: url('../../media/kess2symbol.png'); }
body.kess03 .popup h3 { background-image: url('../../media/kess3symbol.png'); }
body.kess04 .popup h3 { background-image: url('../../media/kess4symbol.png'); }
body.kess05 .popup h3 { background-image: url('../../media/kess5symbol.png'); }
body.kess06 .popup h3 { background-image: url('../../media/kess6symbol.png'); }
body.kess07 .popup h3 { background-image: url('../../media/kess7symbol.png'); }
body.kess08 .popup h3 { background-image: url('../../media/kess8symbol.png'); }

.vorschau img { display:block; width:40%; float:left; padding:20px 0; margin-right:5%;  }
.vorschau p { display:block; width:50%; margin-left:5%; padding-right:5%; font-weight:700; padding-top:50px; padding-bottom:50px; float:right; text-align:left; }

.btn-mini {
  padding: .22rem .4rem;
  font-size: .7rem;
  line-height: 1.3;
  border-radius: .2rem;
background-color: #444 !important;
border-color: #333 !important;
}


/* *******************************************************
Pseudo-Listen
******************************************************** */

.inhalt h3.list-item,
.inhalt h3.frage,
.inhalt h3.info,
.inhalt h3.person,
.inhalt h3.login,
.inhalt #sidebar-nav ul li,
.teaser h4.wichtig,
.bildteaser h4.wichtig {
    list-style: none;
    margin:16px 0 8px 28px;
    padding: 2px 0 2px 0px;
}
.inhalt h3.list-item::before,
.inhalt h3.frage::before,
.inhalt h3.info::before,
.inhalt h3.person::before,
.inhalt h3.login::before,
.inhalt #sidebar-nav ul li::before,
.teaser h4.wichtig::before,
.bildteaser h4.wichtig::before {
font-family: 'Simple-Line-Icons';
color: #E0091D; padding-right:8px;
margin-left: -26px;
}

.inhalt h3.list-item::before { content: "\e031"; } 
.inhalt h3.frage::before { content: "\e05d"; }
.inhalt h3.info::before { content: "\e042"; }
.inhalt h3.person::before { content: "\e000"; }
.inhalt h3.login::before { content: "\e066"; }
.inhalt #sidebar-nav ul li::before { content: "\e066"; }
.teaser h4.wichtig::before,
.bildteaser h4.wichtig::before { content: "\e093"; }


/* *******************************************************
Blocks
******************************************************** */

section { margin-top:30px; margin-bottom: 30px; }
section.service-icons { margin-top:50px; margin-bottom: 30px; }
section.service-icons .col-lg-3, section.service-icons .col-lg-4 { text-align: center; }
section.service-icons h4 { color: #E0091D; }
.funny-boxes img { max-height:150px; }
.funny-boxes { margin-bottom:10px; }
.textkasten {
    background: #fafafa;
    border: solid 1px #eee;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: rgb(238, 238, 238);
    border-left: solid 2px #E0091D;
    padding: 20px;
    background: #fff;
    margin-bottom: 30px;
display:inline-block;
min-height:300px;
}
.textkasteniframe {
    background: #fafafa;
    border: solid 1px #eee;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: rgb(238, 238, 238);
    border-left: solid 2px #E0091D;
    padding: 20px;
    background: #fff;
    margin-bottom: 30px;
display:block;
height:520px;
overflow:visible;
}
.textkasten h3 { margin-bottom:14px; }
.autor { text-align:right; font-style:italic; }
.zitat, ul.zitat {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 1.0em; font-style:italic;
    border-left: 5px solid #eee;
    border-left-width: 5px;
}
.zitat:hover, .zitat.text-right:hover {
    border-color: #E0091D;
    transition: all 0.4s ease-in-out;
}
ul.zitat > li { padding:0; margin:0; }
ul.zitat > li::before {
font: normal normal normal 14px/1 FontAwesome;
content: "";
color: #BBB; padding-right:0px;
margin-left: 0px;
}
.zitat h2, .zitat h3 { margin-top:0; }

.teaser, .bildteaser {
    z-index: 9;
    cursor: pointer;
    overflow: hidden;
    text-align: left;
    position: relative;
    margin-bottom: 30px;
    box-shadow: 0 0 0px #ddd;
}
.teaser, .bildteaser { margin:30px 0; border:0px solid #DDD; }

.teaserkasten { border: 2px solid #E0091D; text-align:center; margin:0 auto;margin-bottom:40px;padding-top:15px; }
.teaserkasten .h3 { background-color:#E0091D;padding:6px;color:#FFF; display:block; margin: 15px 0; }
.teaserkasten h2, .teaserkasten h3  { padding:2px 15px; }
.teaserkasten p  { margin:6px 0px 15px 0; }


/* *******************************************************
Formulare
******************************************************** */

#search_it-form1 .btn-default { color: #FFF; background-color: #E0091D; border-color: #ccc; }
#loginform #yform-loginform-name.form-group { margin:0; }
#plzsuchform { border:1px solid #999; padding:20px; margin:20px; font-size:0.9em; }

/* *******************************************************
img
******************************************************** */

.img-responsive { margin: 3px 12px 6px 0; float:right; }
.inhalt .dreisp { padding:30px 0; }
.inhalt .dreisp .col-md-4 iframe { padding-top:8px; }
.rechts img { margin-top:6px; margin-bottom:14px; }
img.bildlinks { margin: 6px 12px 6px 0; max-width:400px; width:40%; float:left; }
img.bildrechts { margin:6px 0px 6px 12px;  max-width:400px; width:40%; float:right; }
img.bildnebentitel { margin:10px 0px 6px 12px; max-width:400px; width:40%; float:right; }



/* *******************************************************
lightgallery
******************************************************** */


ul#lightgallery {
margin: 0;
}
ul#lightgallery > li {
float: left;
margin: 0;padding:0  10px 13px 0;
}
ul#lightgallery > li a {
border: 1px solid #444;
border-radius: 3px;
display: block;
overflow: hidden;
position: relative;
float: left;
}

ul#lightgallery > li a > img {
-webkit-transition: -webkit-transform 0.15s ease 0s;
-moz-transition: -moz-transform 0.15s ease 0s;
-o-transition: -o-transform 0.15s ease 0s;
transition: transform 0.15s ease 0s;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
height: 100%;
width: 100%;
margin-bottom: 0px;
}
ul#lightgallery > li a:hover > img {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
ul#lightgallery > li a:hover .bildergalerie-poster > img {
opacity: 1;
}
ul#lightgallery > li a .bildergalerie-poster {
background-color: rgba(0, 0, 0, 0.1);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: background-color 0.15s ease 0s;
-o-transition: background-color 0.15s ease 0s;
transition: background-color 0.15s ease 0s;
}
ul#lightgallery > li a .bildergalerie-poster > img {
left: 50%;
margin-left: -10px;
margin-top: -10px;
opacity: 0;
position: absolute;
top: 50%;
-webkit-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
}
ul#lightgallery > li a:hover .bildergalerie-poster {
background-color: rgba(0, 0, 0, 0.5);
}
ul#lightgallery.justified-gallery > a > img {
-webkit-transition: -webkit-transform 0.15s ease 0s;
-moz-transition: -moz-transform 0.15s ease 0s;
-o-transition: -o-transform 0.15s ease 0s;
transition: transform 0.15s ease 0s;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
height: 100%;
width: 100%;
}
ul#lightgallery.justified-gallery > a:hover > img {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
ul#lightgallery.justified-gallery > a:hover .bildergalerie-poster > img {
opacity: 1;
}
ul#lightgallery.justified-gallery > a .bildergalerie-poster {
background-color: rgba(0, 0, 0, 0.1);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: background-color 0.15s ease 0s;
-o-transition: background-color 0.15s ease 0s;
transition: background-color 0.15s ease 0s;
}
ul#lightgallery.justified-gallery > a .bildergalerie-poster > img {
left: 50%;
margin-left: -10px;
margin-top: -10px;
opacity: 0;
position: absolute;
top: 50%;
-webkit-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
}
ul#lightgallery.justified-gallery > a:hover .bildergalerie-poster {
background-color: rgba(0, 0, 0, 0.5);
}
ul#lightgallery.video .bildergalerie-poster img {
height: 48px;
margin-left: -24px;
margin-top: -24px;
opacity: 0.8;
width: 48px;
}
ul#lightgallery.dark > ul > li a {
border: 3px solid #04070a;
}

/* *******************************************************
Owl-Carousel
******************************************************** */
 
.owl-work-v1 .owl-navigation h2, .owl-work-v1 .owl-navigation h1 { width:auto; float:left; margin-left:15px; }
.owl-carousel-v1 .item { margin: 0; }
.owl-work-v1 .owl-navigation .customNavigation { margin-right:10px; }
.inhalt .owl-btn:hover i { color: #FFF !important; }
.owl-item .teaser { background-color: #FFF; } 
.owl-item .teaser h2, .owl-item .teaser h3 { padding: 4px 15px; margin:8px 0 0 0; }
.owl-item .teaser p { padding: 5px 15px; }
.owl-item .teaser a.btn { float:right; margin:0 15px 15px 15px }
.owl-item .teaser span { float:right; color:#888;font-size:8px; }

/* *******************************************************
Blocks / Teaser
******************************************************** */

.bg-color-light.blocks h2 { width:auto; float:none; }
.block.item { background-color: #FFF; border:1px solid #999;  } 

.block.item a.btn { float:right; margin:15px 0px 15px 15px }


#dreisp { padding-top:30px; padding-bottom: 30px; }


/* *******************************************************
View / Portfolio-v1
******************************************************** */
.view { display:block; height:200px; overflow:hidden; }
.view p { color: #333;
    font: 14px/1.5 'Open Sans',sans-serif;
    font-weight:200; }
.view-tenth img { height:100%; width:auto; }
.view-tenth:hover img { opacity:0; }
.view {
    overflow: visible;
    text-align: left;
    position: relative;
    margin-bottom: 30px;
    box-shadow: 0 0 0px #ddd;
}
.view .mask h4 { display:block; opacity:0.0; padding-bottom:16px; padding-top:2px; margin-top:0; }
.view .mask { display:block; height:auto; overflow:auto; }
.view p { padding:0; text-align:left; }

/* *******************************************************
Buttons
******************************************************** */

.inhalt .icony-bg-u { background: #E0091D; }
.btn-primary {
    color: #fff;
    background-color: #E0091D;
    border-color: #c11020;
}
.btn-primary:hover {
    color: #fff;
    background-color: #333;
    border-color: #222;
}
body .inhalt a.btn-secondary {
margin-top:30px;
    color: #fff;
    background-color: #E0091D;
    border-color: #c11020;
font-size:1.8rem; padding:6px 30px;
}
body .inhalt a.btn-secondary:hover {
    color: #fff;
    background-color: #333;
    border-color: #222;
}


/* *******************************************************
Navigation
******************************************************** */
.navbar-brand a { clear:both; position:absolute;top:0px; }

ul.list-group, ul.rex-navi1 {
    padding-left: 0;
    margin-bottom: 20px;
}

.list-group-item, li.rex-normal, li.rex-current {
    position: relative;
    display: block;
    padding: 8px 0px;
    margin-bottom: 0px;
    border:none;
    border-bottom: 1px solid #ddd;
}
header .list-group-item, header li.rex-normal, header li.rex-current { padding: 0px 0px; }
.list-group-item a { color:#444; }
.list-group-item a:hover, .list-group-item.active a,
li.rex-normal a:hover, li.rex-current a {
    color: #e70022;
}

.inhalt #sidebar-nav ul { margin-left: 0; }
.inhalt #sidebar-nav ul li.kess01 a  { color: #F9B200; }
.inhalt #sidebar-nav ul li.kess02 a  { color: #E0091D; }
.inhalt #sidebar-nav ul li.kess03 a  { color: #89BA17; }
.inhalt #sidebar-nav ul li.kess04 a  { color: #0080BA; }
.inhalt #sidebar-nav ul li.kess05 a  { color: #EC7405; }
.inhalt #sidebar-nav ul li.kess06 a  { color: #6572a6; }
.inhalt #sidebar-nav ul li.kess07 a  { color: #f6931e; }
.inhalt #sidebar-nav ul li.kess08 a  { color: #01abbd; }


/* *******************************************************
Sidebarnav v2
******************************************************** */

.sidebar-nav-v2 li {
	padding: 0;
}

.sidebar-nav-v2 li a {
	display: block;
	padding: 4px;
}

.sidebar-nav-v2 li a:hover {
	text-decoration: none;
}

.sidebar-nav-v2 > li.active,
.sidebar-nav-v2 > li.active:hover {
	background: #EEE;
}

.sidebar-nav-v2 > li.active a,
.sidebar-nav-v2 > li.active a:hover {
	color: #E0091D;
}

.sidebar-nav-v2 > li.active,
.sidebar-nav-v2 > li.active:hover,
.sidebar-nav-v2 > li.active:focus {
	border-color: #ddd;
}

.sidebar-nav-v2 > li.active > a {
	color: #E0091D;
}

.sidebar-nav-v2 .list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.sidebar-nav-v2 .list-group-item {
    position: relative;
    display: block;
    padding: 6px 10px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.sidebar-nav-v2 .list-group-item.selected { background-color: #555; color:#FFF; padding: 10px 14px; }
.sidebar-nav-v2 .list-group-item.selected a { color:#FFF; }
/* *******************************************************
Breadcrumb
******************************************************** */


.breadcrumbs {
    overflow: auto;
    padding: 0px 0 6px 15px;
    border-bottom: solid 0px #eee;
    background:none;
}
.breadcrumb {
    padding: 0 0 5px 0;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
}


/* *******************************************************
Header
******************************************************** */

.top-nav {
  float: right;
  position: relative;
}

.top-nav .dropdown {
  display: inline-block;
  margin-left: 20px;
  z-index: 1001;
  vertical-align: top;
}

.top-nav .dropdown a {
  margin: 0;
  padding: 0;
  display: inline-block;
  padding: 7px 10px;
  color: #000;
  text-decoration: none;
  background-color: #FFF;
  -webkit-box-shadow: inset 0 0 1px #ffffff;
  -moz-box-shadow: inset 0 0 1px #ffffff;
  box-shadow: inset 0 0 1px #ffffff;
  border: solid 1px #e3e6e8;
  border-top: 0;
font-size:0.9em; text-transform:uppercase; font-weight:400;
 }
 
 .top-nav .dropdown-search-box, .top-nav .dropdown-login-box {
    overflow: hidden;
    padding: 10px;
    min-width: 300px;
    box-shadow: none;
    border: solid 1px #CCC;
}
.top-nav .dropdown-menu {
    padding: 10px 10px;
    min-width: 300px;
    border-radius: 0;
    z-index: 9999 !important;
    margin-top: 0px !important;
    box-shadow: none;
    background-color: #FFF;
}


.header-fixed .header a.logo img { max-width:150px; } 
.header-fixed .header .top-nav .dropdown a { margin-top:0px;  padding: 7px 10px; }
.header-fixed .header.header-fixed-shrink .top-nav .dropdown a { margin-top:34px;  padding: 4px 10px; }

.top-nav .dropdown > a:after {
  content: none;
}


.top-nav a.facebook i { font-size: 1.4em; }
.top-nav a:hover, .top-nav a:hover i { background-color: #EFEFEF; color: #e70022; }
.top-nav a.downloads:hover, .top-nav a.downloads:hover i, .top-nav a.loggedin, .top-nav a.loggedin i { background-color: #e70022; color: #fff; }
.top-nav a.facebook:hover, .top-nav a.facebook:hover i { background-color: #3b5998; color: #fff; }



.dropdown-search-box,
.dropdown-login-box {
  overflow: hidden;
  padding: 10px;
  min-width: 300px;
  box-shadow: none;
}
.dropdown-search-box .form-group,
.dropdown-login-box {
  margin: 0;
}
.dropdown-login-box h4 {
  margin: 5px    0 10px 0;
}
.dropdown-login-box .btn {
  margin-top: 10px;
}


.checkbox, .checkbox-inline {
    padding-left: 20px;
}
.btn-ar {
    border-radius: 0px;
    border:0;
    font-size: 14px;
    padding: 6px 12px;
}


.animation-delay-7 {
    animation-delay: 0.7s !important;
}
.animation-delay-9 {
    animation-delay: 0.9s !important;
}
.animation-delay-11 {
  animation-delay: 1.1s !important;
}
.animation-delay-13 {
  animation-delay: 1.3s !important;
}

/* *******************************************************
Mega Menu
******************************************************** */

.header .mega-menu .mega-menu-content {
    padding: 10px 15px 0 5px;
}

.mega-item {margin:30px; }
.mega-item-image { display:inline-block;padding-left:14px; }
.header .dropdown-menu li .mega-item .mega-item-desc h3 { display:block;height:40px; font-size:18px;line-height:22px;vertical-align:bottom; }
.header .dropdown-menu li .mega-item .mega-item-desc h3 a {
border:none;border-bottom: solid 0px #eee; padding:0; margin:0; font-size:18px;line-height:22px; font-weight:700; }
.mega-item-desc p { font: 14px/1.5 'Open Sans',sans-serif; font-weight:400; }
.header .dropdown-menu li .mega-item a { border:none; }

.kursiv { font-variation-settings: 'ital' 1; font-style:italic; }

h3.kess01 a, .footer-v1 .footer h3.kess01 a  { color: #F9B200; }
h3.kess02 a, .footer-v1 .footer h3.kess02 a  { color: #E0091D; }
h3.kess03 a, .footer-v1 .footer h3.kess03 a  { color: #89BA17; }
h3.kess04 a, .footer-v1 .footer h3.kess04 a  { color: #0080BA; }
h3.kess05 a, .footer-v1 .footer h3.kess05 a  { color: #EC7405; }
h3.kess06 a, .footer-v1 .footer h3.kess06 a  { color: #6572a6; }
h3.kess07 a, .footer-v1 .footer h3.kess07 a  { color: #f6931e; }
h3.kess08 a, .footer-v1 .footer h3.kess08 a  { color: #01abbd; }
body.kess01 .inhalt .panel-body h3 { color: #333; }

/* *******************************************************
Footer
******************************************************** */
.footer img.logo { width: 150px; }
.footer .column-one {padding-left:15px;}



.footer .latest-news { margin-right: 20px;overflow: hidden; }
.footer .latest-news img.img-teaser {
    width: 80px;
    float: left;
}
.footer .latest-news img {
    float: left;
    width: 100px;
    height: auto;
    margin: 4px 10px 0 0;
}
.footer .latest-news h3 {
    margin: 0 0 3px;
    font-size: 14px;
    line-height: 20px;
}
.footer .latest-news p {
    font-size: 12px;
    margin-bottom: 1px;
}
.footer .latest-news a.btn {
    font-size: 12px; float:right; padding:0; border:none; background:transparent; font-weight:700;
}
.footer .latest-news a.btn::before { content: "\e071"; font-family: 'Simple-Line-Icons';
color: #E0091D; padding-right:8px;
margin-left: -26px; } 

.footer-v1 .copyright ul { margin-bottom:2px; }
.footer-v1 .copyright ul li { margin-bottom:0; }
.footer-v1 .footer p, .footer-v1 .footer a { color: #444; }
.footer-v1 .footer a { text-decoration:none; color: #444; }
.footer-v1 .footer a:hover { text-decoration:none; color: #E0091D; }


/* Cookie-Banner */

.iwcc-background {background: transparent !important;}
.iwcc-wrapper {
background: #EFEFEF !important;
max-width: 50em !important;
max-height: 60vh !important;
border: 1px solid rgba(0,0,0,.2);
border-radius: .3rem;
box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
}
.iwcc-wrapper-inner {padding: 1.5em !important;}
.iwcc-cookiegroups {padding-top: 0.5em !important;}
.iwcc-sitelinks {text-align: left !important;}
.iwcc-sitelinks a {width:auto;}
.iwcc-save-selection {background: #FFF !important;}
.iwcc-save-selection:hover { background: #999 !important; }
.iwcc-accept-all {color: #fff !important;}
.iwcc-show-box { background:#EFEFEF;float:right;color:#888 !important;}


/* responsive */

   

/* *******************************************************
kleine Displays extra
******************************************************** */

@media screen and (min-width: 320px) and (max-width: 575px) { 
/* ----- */

.bg-color-light.blocks .col-md-3 { width:92%; margin:15px; padding:15px; }
a.logo { display:block; padding-top:26px; float:left; }
.top-nav, .top-nav .pull-right { position:absolute; top:0px; }
.top-nav .dropdown { float:left; margin-left: 2px; margin-right:2px; }
.master-slider .flex-caption { padding: 5px 5%; }
.blog-slider-title h2 { font-size:16px; line-height:22px; }
.blog-slider .blog-slider-title p { font: 12px/1.6 'Open Sans',sans-serif; margin-top: 0px; }
.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev { display:none; }
.header .navbar-toggle { margin-top:50px; }
.header .navbar-nav > li > a { padding-left:5%; }
.container.special .row { margin:30px 0; }
.inhalt h3 { clear:left; }
h1 { font-size: 24px; line-height:1.5em;}
.blocks .item { height:auto; overflow:hidden; }
iframe, .textkasteniframe {min-height:420px;overflow:visible;}
.embed-responsive { overflow:visible; }
.teaserkasten { width:94%; }
.infokasten { width:100%; margin-left:0%; margin-right:0%;  }

/* ----- */
}



/* *******************************************************
Medium devices (tablets, 576px and up)
******************************************************** */

@media only screen and (min-width : 576px) {
/* ----- */
.bg-color-light { padding:15px;} 
.bg-color-light.blocks .col-md-3 { margin:5px; width: 47%; float:left; padding:15px; }
.blocks .item { height:470px; overflow:hidden; }

/* ----- */
}


/* *******************************************************
Medium Devices, Desktops - 
--- ab hier Menu normal
******************************************************** */

@media only screen and (min-width : 992px) {
/* ----- */

.teaserkasten { width:50%; }
.bg-color-light.blocks .col-md-3 { width: 32%; float:left; }
.footer .col-md-5 { padding-right:50px; }


/* ----- */
}


/* *******************************************************
Medium Devices, Desktops - 
--- ab hier Menu normal
******************************************************** */

@media only screen and (min-width : 1200px) {
/* ----- */

.container { width: 1095px; }
.bg-color-light.blocks .col-md-3 { width: 23.7%; float:left; }
.footer .col-md-5 { padding-right:50px; }

/* ----- */
}

@media (min-width: 768px) {
.row.equal {
    display: flex;
    flex-wrap: wrap;
}
.row.equal > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

/*
* And with max cross-browser enabled.
* Nobody should ever write this by hand. 
* Use a preprocesser with autoprefixing.
*/
.row.equal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.equal > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.row.equal .textkasten { height:100%; }
}


/* *******************************************************
LOGIN und FORM
******************************************************** */

button#sign-in {
  margin: 0;
}

button#sign-in:disabled {
  background-color: #ccc;
  color: black;
  cursor: default;
}

button#toggle-password {
  background: none;
  border: none;
  cursor: pointer;
  font-weight: 300;
  padding: 0;
  /* Display at the top right of the password section */
  position: absolute;
  top: -4px;
  right: -2px;
}

div#password-constraints {
  margin: 5px 0 0 0;
  font-size: 16px;
}


input {
  border: 1px solid #ccc;
  font-size: 22px; /* fallback */
  font-size: var(--mobile-font-size);
  padding: 15px;
  width: 90%; /* fallback */
  width: calc(100% - 30px); /* full width minus padding */
}

input[type=email]:not(:focus):invalid,
input[type=password]:not(:focus):invalid {
  color: red;
  outline-color: red;
}

label {
  display: block;
  font-size: 14px;
  font-size: var(--mobile-font-size);
  font-weight: 500;
  margin: 0 0 3px 0;
}

.form-control::placeholder {
 color: #555 !important;
 opacity: 0.6;
 font-size:13px;
 }
 
 .form-control {
 font-size: 14px;
 }

form section {
  margin: 0 0 20px 0;
  position: relative; /* for password toggle positioning */
}
.bg-primary {
    background-color: #E0091D !important;
}

input[type="checkbox"] { width:30px !important; float:left !important; display:inline-block;margin:5px 0;}
.checklabel {display:block;margin:0px 10px 0 30px;padding-top:1px;}

@media (min-width: 450px) {
  body {
    margin: 20px 0px;
  }
  button {
    font-size: 14px; /* fallback */
    font-size: var(--desktop-font-size);
  }
  button#sign-in {
    margin: 40px 0 0 0;
  }
  div#password-constraints {
    font-size: 14px;
  }
  h1 {
    font-size: 22px;
    color:#555 !important;
    font-weight: 500;
    margin: 0 0 30px 0;
  }
  input {
    font-size: 14px; /* fallback */
    font-size: var(--desktop-font-size);
  }
  label {
    font-size: 14px; /* fallback */
    font-size: var(--desktop-font-size);
  }
}

@media (min-width: 800px) {
body { margin: 0px; }
.form-group { margin-top:10px; }
.form-group.l50 { width:48%; float:left; margin-right:1%; margin-left:1%; }
.form-group.l70 { width:68%; float:left; margin-right:1%; margin-left:1%; }
.form-group.l100 { width:98%; float:left; margin-right:1%; margin-left:1%;}
.form-group.l30 { width:28%; float:left; margin-right:1%; margin-left:1%; }
.form-group.l33 { width:31%; float:left; margin-right:1.15%; margin-left:1.15%; }
.form-group.l20 { width:18%; float:left; margin-right:1%; margin-left:1%;padding-left:0px; }
.form-group.l25 { width:23%; float:left; margin-right:1%; margin-left:1%; }
.card-body { padding: 1.25rem 0; }
  .card-title { margin: 0 0 20px 1%; }
}