/*
* BLAU - Elternbriefe Color: #0058A4 rgba(0,125,182,1);
* GRUEN - Elternbriefe Hovercolor: #c4c400 rgba(196,196,0,1);
* HELLBLAU : #e8eff8;
* HELLGRUEN : #f9f9e5;
*/

.green { color: #c4c400; }
.blue { color: #0058A4; }
.hellgruen { color:#f8f8e1; }
.hellblau { color:#e8eff8; }


body {
    color: #333;
    font: 14px/1.6 'Open Sans',sans-serif;
    text-rendering: optimizelegibility;
    font-weight:200;
}
body img { max-width:100%; }
.inhalt a { font-weight: 400; }
a.font-3  { font-size: 120%;
    color: #0058A4;
    font-weight: normal;
    line-height: 130%;
    margin: 20px 0 7px 0;
    }
.mt-3 { margin-top:1rem !important; }
.mb-3 { margin-bottom:1rem !important; }
.my-3 { margin-top:1rem !important;margin-bottom:1rem !important; }
.ps-2 { padding-left: 1.5rem; }
.inhalt ul li.py-kl { padding:6px 0; margin-left:1rem; }
.hzkasten { border: 1px solid blue; padding: 10px; border-radius:5px; }
.hzkasten .dach { text-transform: uppercase; }
.hzkasten .title { font-size:15px; font-weight:bold; }
/* sprungmarke versatz */

.sprung {
    visibility: hidden;
    height: 0px !important;
    position: absolute;
    margin: -150px;
}
.d-none { display:none !important; }

/* *******************************************************
Headlines
******************************************************** */

h1, .ebr h2 {
    font-size: 140%;
    color: #0058A4;
    font-weight: bold;
    line-height: 130%;
    margin: 0 0 14px 0;
}

h2 { font-size: 130%;
    color: #0058A4;
    line-height:150%;
}


h3 { font-size: 120%;
    color: #0058A4;
    font-weight: normal;
    line-height: 130%;
    margin: 14px 0 7px 0;
}


h4, .breadcrumbs .pull-left, .dropdown-login-box h1  { font-size: 100%;
    color: #0058A4;
    font-weight: 500;
    line-height: 130%;
    margin: 14px 0 2px 0;
}

.ebr h1, .thema h3, .aktuelles h3, .footer-v8 .footer .latest-news div.thema h3 {
    font-size: 12px;
    color: #444;
    font-weight: normal;
    line-height: 130%;
    text-transform: uppercase;
    letter-spacing:1px;
    margin: 0px 0 6px 0;
}

.ebr h1.h2title { font-size: 140%;
color: #0058A4;
line-height:130%;
font-weight: bold;
text-transform: none;
letter-spacing:0px;
margin: 0 0 14px 0;
}

.view .mask h3 {
    font-size: 130%;
    color: #333;
    font-weight: bold;
    line-height: 130%;
    margin: 14px 0 7px 0;
}
.view .mask h3:first-of-type {
    margin-top: 40px;
}



.footer-v8 .footer .latest-news div.thema h3 {
    margin: 0px 0 3px 0;
}

article { clear:left; display:inline-block; border-bottom:1px solid #c4c400;}
article {  margin-top:20px; padding:0px 0 20px 0; } article.first { margin-top:0px; }
article.blockapp { margin-top:0px; border-bottom:0; }
article.blockapp img.bildlinks { padding: 6px 20px 14px 0; }
article.blockapp .pull-right img { border:1px solid #EBEBEB; }


.bg-color-light h2 { margin-left: 17px; }

.header-v8.header-sticky.header-fixed-shrink .navbar-nav > li > a {  
padding:10px 5px 30px 15px; font: 12px/1.6 'Open Sans',sans-serif; font-weight: 600;
}
.header-v8.header-sticky.header-fixed-shrink .navbar-brand img {
    max-height: 33px;
}
 
.header-v8.header-sticky.header-fixed-shrink .appstore { display:block; float:left; width:auto;}
.navbar .appstore img { max-width:120px; padding:3px 3px 0 10px; }
.top-nav .dropdown .stores a, .top-nav .dropdown h4 a { float:left; padding:5px 14px 5px 0px; border:none; box-shadow:none;  }
.stores { clear:left; display:block; width:260px; }
.stores a { display:block; float:left; width:120px; }
.bildlinks { float:left; padding:6px 10px 0 0; }
.quelle, .authorcopy, .author { font-size:11px; font-style:italic; float:right; margin-left:auto; margin-bottom:15px; }
.py-2 { margin-top:40px; }
.flexibel { font-size:1.2rem;}
.clearleft { clear:left;}
#mt-3,.mt-3 { margin-top:3em; }
#mt-1,.mt-1 { margin-top:1em; }
.ml-3 { margin-left:30px; }
.margin-top-50 { margin-top:50px; }
p.strong { font: 12px/1.6 'Open Sans',sans-serif; font-weight: 600; }

/* *******************************************************
Korrekturen
******************************************************** */

.blog-topbar .container, .blog-topbar .container-fluid { padding-top: 0px; }
.topbar-time, .topbar-list li a {color: #0058A4;}
.cube-portfolio .cbp-l-grid-agency-desc {
    color: #fff;
    font-size: 11px;
    text-transform: none;
}
p.buttonline {clear:both; display:block; width:100%; text-align:right; }
.btn-info {
    color: #fff;
    background-color: #0058A4;
    border-color: #1a5b92;
    margin-top:4px;
}
.btn-u.btn-brd:hover {
    color: #0058A4;
    border-color: #0058A4;
}

.form-control:focus {
	border-color: #fddbab;
	outline: 0; 
	background-color: #fddbab;
}
.form-control[readonly] { background-color:#FFF;}
.form-control:focus {
    border-color: #66afe9;
outline: 0;
    background-color: #fff;
}

.button { 
margin: 0;
font: inherit;
color: #555;
background: none;
padding: 5px 13px;
border: solid 1px #95a5a6;
border-radius: 4px !important;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
display: inline-block;
text-decoration: none;
position:relative;
cursor: pointer;
font-weight: 400;
}
.button:hover { 
background: #7f8c8d;
border-color: #7f8c8d;
color: #fff !important;
}
.button:hover a, button a:hover {
color: #fff !important;
text-decoration:none;
}

a.btn-3:hover {background: #0058a4;color: #fff;}
.ebicons a.btn {margin-top: 0px;}

a.btn-3 {
 background: transparent;
    color: #0058a4;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    height: 70px;
    padding: 4px 6px 6px 6px;
    border-radius: 10px;
    border: 1px solid #0058a4;
}

a.btn {
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 500;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.btn-bleu {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 4px;
    margin-top: 4px;
    font-weight: 500;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  color: #0058A4;
  background-color: #e8eff8;
  border-color: #e8eff8;
}


.header-v8 .mega-menu .mega-menu-fullwidth .dropdown-menu li a.btn {padding: 4px 6px 6px 6px;}
.header-v8 .dropdown-menu li > a.btn:hover {
background-color: #0058A4;color:#FFF;}
.dropdown-menu li > a.btn [class*=" fa-"] {left: -0px;}
.ebicons { display:inline-block }
.ebicons li.eb-icon { display:inline-block; margin:4px 10px; float:left; width:25%; } 
.ebicons li { float:left; } 

/* guestbook */
.hide-validation { display:none; }
#yform-d2u_guestbook_module_60_3_4592-rating,
#yform-d2u_guestbook_module_60_3_4592-recommendation { display:none; }
.col-md-12.eintrag { margin-bottom: 40px; border: 1px solid #888; padding-top:15px; padding-bottom:15px; }
#yform-d2u_guestbook_module_60_3_4592-description.form-group { width:100%; }

/* *******************************************************
Homepage Tabs [Master Slider]
******************************************************** */


.ms-tabs .ms-thumb-frame {
    background-color: #0058a4;
    text-shadow: none;
    font-size:1.2em;
    color:#ccc;
    }
    
.ms-tabs .ms-thumb-frame-selected {
    opacity: 1;
    background: #c4c400;
    color:#FFF;
}

.ms-tabs .ms-thumb {
    padding: 0px 20px;
}

.ms-tabs .ms-thumb p { 
font-size: 12px;
text-transform: uppercase;
margin-top:12px;
}
.ms-tabs .ms-thumb-frame:nth-child(3) p { text-transform:none;}
    
.ms-tabs .ms-thumb p a { 
display: block;
font-size: 1.4em;
line-height:130%;
text-transform: none;
color:#FFF;
}

.ms-tabs .ms-thumb-frame h3, 
.ms-tabs .ms-thumb-frame h3 a {
    color:#c4c400;
    margin-bottom:5px;
    }
    
.ms-tabs .ms-thumb-frame-selected h3, 
.ms-tabs .ms-thumb-frame-selected h3 a {
    color:#222;
    }

.ms-tabs .ms-thumb-frame-selected p {
    color:#666;
    }
    
    
.ms-tabs.ms-dir-v.ms-align-right .ms-thumb-frame-selected .ms-thumb-ol {
    border-right-color: #c4c400;
    left: -12px;
    opacity: 1;
}

.ms-tabs .ms-thumb h3 a, 
.ms-tabs .ms-thumb h3 a:hover,
.ms-tabs .ms-thumb p a, 
.ms-tabs .ms-thumb p a:hover,
.ms-slide a { text-decoration:none; }   

.ms-view {
    background: #666;
}
.reihe2 .teaser-3 .blog-grid h3 { text-align:right; }

/* *******************************************************
Service-Icons
******************************************************** */

section.service-icons { margin-bottom:30px; }
section.service-icons .col-md-4 { text-align:center; }


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

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

.top-nav ul { list-style:none; }
.top-nav .dropdown, .top-nav-social {
  display: inline-block;
  margin-left: 20px;
  z-index: 1001;
  vertical-align: top;
}

.top-nav .dropdown a, .top-nav-social a {
  margin: 0;
  padding: 0;
  display: inline-block; float:left;
  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 0px #ffffff;
  border: solid 0px #e3e6e8;
  border-top: 0;
}

.top-nav-social {font-size:19px;}
.top-nav-social a { padding: 3px 10px; }


.top-nav .dropdown > a:after {
  content: none;
}
.top-nav .dropdown a i {
  font-size: 1.2em;
  color: #444;
}
.dropdown-search-box,
.dropdown-login-box {
  overflow: hidden;
  padding: 10px;
  min-width: 260px;
  box-shadow: none;
}
.dropdown-search-box .form-group,
.dropdown-login-box {
  margin: 0;
}
.dropdown-login-box p.apptext {
color:#0058A4;
font-size:1.6rem;line-height:1.9rem;
}
.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;
}

.top-nav-social li {
  float: left;
  margin: 0;
}

.top-nav-social a.twitter:hover {
  background-color: #00aced;
  color: #fff;
}
.top-nav-social a.instagram:hover {
  background-color: #3b5998;
  color: #fff;
}
.top-nav-social a.facebook:hover {
  background-color: #3b5998;
  color: #fff;
}
img.insta { width:24px;padding:3px 0 3px 0; float:left; }

.animation-delay-8 {
    animation-delay: 0.8s !important;
}

/* original */

.topbar-search-block, .topbar-search-block .form-control {
    background: #c4c400 none repeat scroll 0 0;
    color:#FFF
}

.topbar-search-block .form-control::-moz-placeholder {
    color:#FFF;
}

.blog-topbar {
    background: #c4c400 none repeat scroll 0 0;
}

.blog-topbar { display:block; width:100%; min-height:80px; opacity:1.0;
background: transparent url("../../media/welle2.svg") no-repeat center bottom; 
background-size: cover;
}

.topbar-list li a:hover,
.topbar-list .topbar-dropdown li a:hover,
.topbar-list .topbar-dropdown li.active a {
	color: #444;
}

.header-v8 .navbar-brand {
    height: 60px;
    max-height: 60px;
    line-height: 20px;
    padding-top:4px;
}
.header-v8 .navbar-brand img {
    max-height: 48px;
}


/* *******************************************************
Suchergebnisse
******************************************************** */

.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}

.pagination a.active {
  background-color: #c4c400;
  color: white;
  border-radius: 5px;
}

.pagination a:hover:not(.active) {
  background-color: #ddd;
  border-radius: 5px;
}


/* *******************************************************
Breadcrumb
******************************************************** */

.breadcrumbs {
    overflow: hidden;
    padding: 4px 0 0 0;
    border-bottom: 1px solid #eee;
    background: none;
}
.breadcrumbs .pull-left { color: #c4c400; }

.breadcrumb a.home::before {
    font-family: "FontAwesome";
    content: '\f015';
    padding-right: 6px;
}

.breadcrumb { top: 6px; padding:0px; margin-top:8px;  }


/* *******************************************************
Elternbriefe
******************************************************** */

.faksi { background: url('../../media/faksikipp.gif') no-repeat 0px 0px; width: auto; padding-top:34px; }
.faksi3 { background: url('../../media/faksiborsch.gif') no-repeat 0px 0px; width: auto; padding-top:40px; }
.faksisterzinsky { background: url('../../media/faksisterzinsky.gif') no-repeat 0px 0px; width: auto; padding-top:36px; }
.faksipuetz { background: url('../../media/faksipuetz.gif') no-repeat 0px 0px; width: auto; padding-top:56px; }
.faksiheeg { background: url('../../media/faksiheeg.gif') no-repeat 0px 0px; width: auto; padding-top:56px; }
.faksifeil { background: url('../../media/faksifeil.gif') no-repeat 0px 0px; width: auto; padding-top:40px; }
.faksiackermann { background: url('../../media/faksiackermann.gif') no-repeat 0px 0px; width: auto; padding-top:45px; }
.faksidahmen { background: url('../../media/faksidahmen.gif') no-repeat 0px 0px; width: auto; padding-top:40px; }
.faksibartsch { background: url('../../media/faksibartsch.gif') no-repeat 0px 0px; width: auto; padding-top:40px; }
.faksiholze { background: url('../../media/faksiholze.gif') no-repeat 0px 0px; width: auto; padding-top:40px; }
.faksikleinz { background: url('../../media/faksikleinz.gif') no-repeat 0px 0px; width: auto; padding-top:40px; }
.faksiamrhein { background: url('../../media/faksiamrhein.gif') no-repeat 0px 0px; width: auto; padding-top:40px; }

/* *******************************************************
Footer
******************************************************** */

.footer-v8 .footer {
    background: #f9f9e5 none repeat scroll 0 0;
    padding: 60px 0 40px;
    color:#444;
}

.footer-v8 .footer p {
    color: #444;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
}

.footer-v8 .footer .tags-v4 a, .footer-v8 .footer h2,
.footer-v8 .footer h2::after, .footer-v8 .footer .latest-news h3 a,
.footer-v8 .footer strong, .footer-v8 .footer .footer-lists a,
.footer-v8 .footer .column-one span, .footer-v8 .footer .footer-lists li i,
.footer-v8 .footer .column-one a, .footer-v8 .footer .form-control {
    border-color: #444;
    color: #444;
}
.footer-v8 .footer .latest-news h3 a {
    margin: 0 0 3px; font-size: 120%; font-weight:400; color: #0058A4;
}

.footer-v8 .footer .tags-v4 a:hover,
.footer-v8 .footer .social-icon-list li i:hover { color: #FFF;}

.footer-v8 .footer h2 {
    color: #888;
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    margin:4px 0 20px 0;
}

.footer-v8 .footer h2::after {
    background: transparent none repeat scroll 0 0;
}


.footer-v8 .footer .social-icon-list li i, .footer-v8 .footer .social-icon-list li em {
    border: 1px solid #444;
    color: #444;
    width: 30px;
    height: 30px;
    padding: 7px;
    font-size: 14px;
    text-align: center;
    line-height: normal;
    display: inline-block;
}


.footer .logo {
    margin: 0px 0 20px;width:100%;max-width:220px;
}

.footer-v8 .copyright {
    background: #c4c400 none repeat scroll 0 0;
    padding: 15px 0;
}

.footer-v8 .copyright .terms-menu li,
.footer-v8 .copyright .terms-menu li a {
    color: #FFF;
}

.footer-v8 .footer .latest-news, .footer-v8 .footer hr {margin-right:20px;}
.footer-v8 .footer .latest-news img.img-teaser { width:80px; float:left; }

.footer-v8 .teaser { margin-top:26px; border:1px solid #c4c400; border-radius:3px; padding:8px;  }
.footer-v8 .teaser p, .footer-v8 .teaser a { font-size:12px; line-height:136%; }
.footer-v8 .teaser .col-md-7 { padding-right: 11px; padding-left:0;margin-bottom:10px; }
.footer-v8 .teaser .col-md-5 { padding:0; padding-right:4px; }
.footer-v8 .teaser h3 { font-size: 14px; font-weight: 400;
 color: #0058A4; margin-top:14px; }
.footer-v8 .footer .column-one .teaser a { color: #0058A4; float:right; }

.footer-v8 .view h3 { margin:0;  }
.footer-v8 .view h3 a { display:block; background-color:#c4c400; margin:0; padding:7px; color:#FFF;  }
.footer-v8 .view p { position: relative; color: #222; padding: 5px; text-align: center;
}
.footer-v8 .view p .btn-u-blue { position:absolute; right:10px;  margin-top:20px; background-color: #c4c400; }

.footer-v8 .link-list li a {
	color: #777;
	display: block;
	padding: 8px 0;
	font-size: 13px;
	font-weight: 400;
	border-bottom: solid 0px #eee;
	text-transform: none;
}
.footer-v8 .link-list li {
    border-top: solid 1px #ccc;
}
.footer-v8 .mask h3 { display:none; }
.footer-v8 .view p {
    margin: 5px;
    font: 11px/1.2 'Open Sans',sans-serif;
    }

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

.rex-yform {
    box-shadow: none;
    border: 1px solid #eee;
    padding: 20px;
    display:inline-block; 
}
.rex-yform .form-control { padding: 6px 8px; }
.rex-yform textarea { height:80px; }

.rex-yform .radio-group { width:98%; float:none; padding-top:10px; }
.rex-yform .checkbox { width:auto; margin-right:2%; float:left; }

span.anzahl1a { width:auto; float:left; padding-top:30px; }
span.anzahl1b { width:40%; float:left; padding-top:30px; }
.form-group-full { display:inline-block; clear:left; }
#yform-ebform-anzahl1.form-group { width:12%; margin:0 10px; float:left; }



#yform-aboform-postalCode.form-group, #yform-ebform-plz.form-group,
#yform-infoform-plz.form-group { width: 27%; margin-right:3%; float:left;}
#yform-aboform-city.form-group, #yform-ebform-ort.form-group,
#yform-infoform-ort.form-group { width: 70%; float:right; }
#yform-aboform-email.form-group { margin-top:0px; }
#yform-aboform-birthday .form-inline { display:block; position:relative; }

#yform-aboform-birthday .form-inline select#yform-aboform-field-6_day { position:absolute; left:0px; float:left; width:60px;margin-right:10px; }
#yform-aboform-birthday .form-inline select#yform-aboform-field-6_month { position:absolute; left: 75px; float:left; width:60px;margin-right:10px;  }
#yform-aboform-birthday .form-inline select#yform-aboform-field-6_year { position:absolute; left: 150px; width:80px;margin-right:0px;  }

#yform-aboform-accept.checkbox {font-weight: 300; font-size: 85%; padding-left:0;}
#yform-aboform-accept.checkbox a {font-weight: 700; }



#infoform fieldset.fs1 .form-group,
#infoform fieldset.fs2 .form-group { clear:left; width:98%; display:inline-block; }

#infoform fieldset.fs1 .form-group input,
#infoform fieldset.fs2 .form-group input { width:40px; float:left; }

#infoform fieldset.fs1 .form-group label,
#infoform fieldset.fs2 .form-group label { max-width:70%; margin-left:20px; }


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

.mega-menu-content p, .mega-menu-content span.anlese,
.mega-menu-content .blog-thumb .blog-thumb-info li { font: 12px/1.3 'Open Sans',sans-serif; margin:0; display: inline-block; }

.blog-thumb a img {
    height: auto;
    width: 120px;
}
.blog-thumb .blog-thumb-hover:hover::after {
    background: none;
}
.blog-thumb .blog-thumb-desc h3,
.blog-thumb .blog-thumb-desc h3 a { font-size:14px; margin: 0 0 0px; color:#0058A4; }

.blog-thumb .dachzeile, .blog-thumb .dachzeile h3 { 
font-size: 11px !important; margin: 0px 0 0px 0; padding:0; }

.blog-thumb-img {
    float: left;
    position: relative;
    margin-right: 15px;
padding-top:4px;
}
.blog-thumb-img img {  border:1px solid #ddd; }


/* buttons mega-menu */



.btn {
	display: inline-block;
	margin-bottom:10px; margin-top:10px;
	font-weight: 500;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.ebicons .btn { margin-top:0px; }

.btn-3 {
    background: transparent;
    color: #0058a4;
    font-weight: 500;
	font-size:12px;
	text-align:center;
    line-height:20px;height:70px;
    padding: 4px 6px 6px 6px;
    border-radius: 10px;
    border:1px solid #0058a4;
}
.btn-3:hover {
    background: #0058a4;
    color: #fff;
}
#search_it-form1 .btn {
  margin-top: 0px;
}


.btn-3 .fa-child { font-size:30px; color: #c4c400; }




/* *******************************************************
Article List
******************************************************** */

#artikelliste .bereichswrapper {
  margin: 5px 0 5px 0;
  background: #f5f5f5;
  padding: 5px 15px 5px 15px;
  border: 1px solid #9da6b2;
}

#artikelliste .control-label {
  text-align: left;
  font-weight: normal;
  font-size: 12px;
  margin-top: -6px;
}

#artikelliste  h2 {
  font-size: 12px !important;
  padding: 0 10px 10px 10px;
  margin-bottom: 15px;
  width: 100%;
  font-weight: bold;
  border-bottom: 1px solid #31404F;
}

/* *******************************************************
Sidebar Nav vertical
******************************************************** */

.category-nav > li,
.article-nav > li {
border-bottom:1px solid #ccc;
}

.category-nav > li > a,
.article-nav > li > a {
padding: 10px 20px;
color: #202020;
}


.sidebar-nav > li.category,
.sidebar-nav > li.article {
background-color: #ffcc00;
text-align:right;
}

.sidebar-nav > li.category > a,
.sidebar-nav > li.article > a {
    color: #fff;
    background-color: #ffcc00;
    font-weight:bold;
}

.category-nav > li.active > a, 
.category-nav > li.active > a:hover, 
.category-nav > li.active > a:focus,
.article-nav > li.active > a, 
.article-nav > li.active > a:hover, 
.article-nav > li.active > a:focus {
color: #fff;
background-color: #006aa9;
}

.sidebar-nav > li.active > a, 
.sidebar-nav > li.active > a:hover, 
.sidebar-nav > li.active > a:focus,
.article-nav > li.active > a.green {
    color: #fff;
    background-color: #c4c400;
    font-weight:normal;
}

.category-nav > li.catgreen > a {
    color: #fff;
    background-color: #c4c400;
    font-weight:normal;
}
.category-nav > li.catgreen { margin-top:4px; }

.category-nav > li >a:hover,
.article-nav > li >a:hover {
background-color:#e3e3e3;
}

.category-nav > li.category:hover, 
.category-nav > li.category >a:hover,
.article-nav > li.category:hover, 
.article-nav > li.category >a:hover {
background-color: #ffcc00;
}

.article-nav > li.active.cat > a {
    color: #fff;
    background-color: #c4c400; /* gruen */
}

.kleinelinks { order: 1; padding: 20px 0px 20px 20px; display:inline-block; }
.kleinelinks li { padding: 0px; color: #0058A4; text-align:center; display:inline-block; }
.kleinelinks .fa { font-size: 17px; padding: 0px 7px; margin-left:6px; }

.kleinelinks .fa-download { 
background: #c4c400;
width: 38px;
height: 38px;
font-size: 20px;
line-height: 37px;
margin-bottom: 10px;
margin-right:6px;
margin-left:0px;
color:#FFF;
border-radius: 50% !important;
}
li.quelle { padding-top:10px;padding-left:10px; }
li.quelle a { font-size:11px; color:#444; }


.col-sm-pull-9 .kleinelinks { order: 1; display:block; width:100%; }
.col-sm-pull-9 #sidebar-nav { order: 2; width:100%; }

.col-sm-pull-9 .sidebar-nav li a,
.col-sm-pull-9 .article-nav li a { display:inline-block; width:100%; }



/* *******************************************************
Inhaltselemente NEU
******************************************************** */

.bu, p.bu, .kasteninhalt p.bu { font-size: 12px;
    font-style: italic;
    text-align: right;
    color:#AAA;
}

.blau {
    color: #0058A4;
    font-weight: bold;
}
.blau2 {
    color: #0058A4;
    font-weight: normal;
}

img.artimg { margin-bottom:20px; }
.img-ebr, .img-tdm { max-width:40%; padding-top:6px; float:right; margin-bottom:10px; margin-left:20px; z-index: 20; position: relative; }
.img-ebr.pull-left, .img-tdm.pull-left { margin-left:0px; }

.img-all{ width:40%; max-width:100%; width:auto; float:right; padding-top:6px; padding-bottom:6px; } /* bilder inmitten Artikel fließen links */
.pull-right { margin-left:20px;margin-bottom:10px;}
.pull-left { margin-right:20px;margin-bottom:10px; }
img.pull-right, img.pull-left, .pull-right img, .pull-left img { padding-top:6px; }
.hochkant { max-height:300px; min-width:auto; width:auto;  }
.bildrechts { display:block; float:right; max-width:30%; margin: 8px 0 10px 30px; }
.content-md { padding-top:30px; padding-bottom: 10px; }
.content-sm { padding-top: 60px; padding-bottom: 10px; }
img.pull-right.float { margin-left:20px; margin-bottom:20px; float:right; max-width:40%; }
.w230 { width:230px; }
img.w-20 { max-width:120px !important; margin-right:30px;}
img.w-40 { max-width:45% !important; margin-right:10px;}
img.pull-left.float { margin-right:20px; float:left; width:30%; }
.kasten-ebr .pull-left.float, .kasten-ebr .pull-right.float { width:30%; }
.kasten-ebr .pull-left.float .authorcopy, .kasten-ebr .pull-right.float .authorcopy { display:none; }



.rotiert {
font-size:10px;
font-weight:normal;
color: #888;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: right top;
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: right top;
    -o-transform: rotate(-90deg);
    -o-transform-origin: right top;
    transform: rotate(-90deg);
    transform-origin: right top;
    position: absolute;
    bottom: 0;
    right: 0px;
z-index:21;
display:none;
}

.md-margin-bottom-40 { margin-bottom:40px;}

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

.inhalt ul.floatme, .inhalt ol.floatme {
    overflow:visible;
}

.inhalt ul li { list-style: none;
    margin: 0;
    padding: 0 0 0 20px;
}
.rechts ul li { list-style: none;
    margin: 0;
    padding: 0 0 0 10px;
}
.inhalt ol li { list-style: none;
    margin: 0;
    padding: 0 0 0 26px;
}

.inhalt li p { margin:0;padding:0;
}
.inhalt ul li::before { 
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    font-size:10px;
	content: "\e080";
	color:#c4c400;
	margin-left: -16px;padding-right:6px;
}

.inhalt ol li {
   counter-increment: item;
   margin-bottom: 5px;
 }
.inhalt ol li:before {
	margin-left: -24px;padding-right:24px;
   content: counter(item);
   color: #c4c400;
   width: 1.2em;
   text-align: left;
   display: inline-block;
 }

.inhalt ul.link-captions li::before {
margin-left: 0px;
    content: "";
}

.fliesskasten ul { overflow:inherit; margin-right:5px; margin-left:12px; }
.fliesskasten ul > li { padding: 0 0 0 0; }

/* -----  Portfolio  ----- */

.cube-portfolio .cbp-l-grid-agency-title {
    color: #fff !important;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0px;
    margin-top: 0px;
    text-transform: none;
    font-family: 'Open Sans', sans-serif;
}


/* -----  Kastenelemente, Teaser  ----- */


.kasten, .fliesskasten, .kasten-ebr {
    margin: 6px 0 10px 0;
    background-color: #e8eff8;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);    
    border: solid 1px #eee;
    border-top: solid 2px #0058A4;
    border-radius: 4px;
    padding: 20px;
    position:relative;
    display:block;
}
.kasten-ebr { padding:0; margin-bottom:20px;}
.kasten-ebr.col-md-6 { margin-right:20px; }
.fliesskasten { background-color: #FFF; padding-bottom:6px; margin-bottom:30px;}
.fliesskasten.col-md-4 { margin-right:13px;margin-left:13px; }
.fliesskasten.col-md-6 { margin-right:13px;margin-left:13px; }
.fliesskasten img {  margin-bottom:4px; }

.hinweis {
    margin: 10px 0;
    background-color: #e8eff8;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);    
    border: solid 1px #eee;
    border-top: solid 2px #0058A4;
    border-radius: 4px;
    padding: 20px;
    position:relative;
    display:block;
}

.fliesskasten h3 { margin-top:0; }
.kasten-ebr h3 {
    font-size: 120%;
    color: #0058A4;
    font-weight: bold;
    line-height: 130%;
    margin: 0 0 6px;
}
.teaser h3, .blog-grid h3 a, .item h3, .item h3 a {
    font-size: 110%;
    color: #0058A4;
    font-weight: bold;
    line-height: 115%;
    margin: 0 0 6px;
}
.kasten-ebr h2 {
    background-color: #5DA6D1;
    color: #FFFFFF;
    display: block;
    letter-spacing:1px;
    font-size: 1.2em;
    line-height: 1.4em;
    margin: 0;
    padding: 8px 20px;
}
.block { width:100%; display:inline-block; }
.kasteninhalt { padding:20px 20px 14px 20px; display:inline-block; }
.kasten-ebr.nopadding { margin:20px 0; }
.kasten-ebr.nopadding .kasteninhalt { padding:0px; }



.infokasten h3 { font-size:100%;margin: 0 0 10px;font-weight:bold;color:#0058A4;}

.infokasten { width:100%; margin: 6px 0 20px 0;  background-color: #e8d44a; padding: 20px;  display: inline-block; }
.infokasten.pull-right { margin: 6px 0 20px 20px; }

.infokasten h2 { padding:5px 15px; }
.infokasten .spalte { width:50%; float:left; padding-left:15px; padding-right:15px; }

.latest-news { overflow: hidden; }
.latest-news h2 { margin-bottom:30px; }
.teaser, .textkasten { margin-top:6px;display:block;}
.teaser h1 { color:#F4F; }
.teaser img { position:relative;max-width:100%;height:auto; }

img.img-teaser { position:relative; width:20%; float:left; margin-top:6px;margin-right:20px;  }

.dachzeile, .blog-grid .dachzeile h3 { font-size: 12px;
    color: #444;
    font-weight: normal;
    line-height: 130%;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 10px 0 6px 0;
    margin-bottom:6px;

}
.mega-menu-content .blog-grid .dachzeile h3 { margin:0 0 6px 0; }
.item p, .blog-grid p { margin-bottom: 6px; }
.item strong { font-weight:normal; color:#0058A4; }
.item .owl-controls { display:none; }


.blog-slider .blog-slider-title {
display:inline-block;
    left: 0;
    z-index: 1;
    bottom: 0px;
    position: absolute !important;
}

.blog-slider .blog-slider-title h2 a:hover,
.blog-slider .blog-slider-title h1 a:hover { color: #c4c400; }

.blog-slider .blog-slider-title p { 
font: 14px/1.6 'Open Sans',sans-serif;
font-weight: normal;
text-rendering: optimizelegibility;
font-weight: 200;
margin-top:8px; 
}
.blog-slider .blog-slider-title .dachzeile { 
color:#FFF;
}
.blog-slider span.blog-slider-badge a {
	color: #FFF;
}
.master-slider .flex-caption {
  padding: 20px 2% 10px 2%;
  width:96%;
  left: 0;
  bottom: 0;
  background: rgba(0,0,0,.5);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,.3);
  font-size: 14px;
  line-height: 18px;
}
.master-slider h1, .master-slider h1 a { color: #FFFFFF; }
 
.nopadding.col-md-6 { padding-left:0px; float:left; }
.bg-spalten .col-md-6 { 
background-color: #FFF;
  margin-top: 15px; 
  margin-bottom: 15px;
box-shadow: 0 1px 1px rgba(0,0,0,.05);
  border: solid 1px #eee;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(238, 238, 238);
  border-top: solid 2px #0058A4;
  border-radius: 4px;
  padding: 20px;
  margin-right:15px;
  margin-left:15px;
   }


/* -----  Elternbriefe mit Slider  ----- */

.owl-item .news-v2-badge {
    overflow: hidden;
    position: relative;
}
.news-v2 .news-v2-badge p {
    left: 0;
    top: 0px;
    background: transparent;
    padding: 3px 6px;
    text-align: center;
    position: absolute;
}

.owl-item .news-v2 .news-v2-badge p {
    background: transparent;
    }

.owl-item .news-v2-badge p .btn-3 {
    background: #FFF;
    color: #0058a4;
}

.owl-item .news-v2-badge p .btn-3:hover {
    background: #0058a4;
    color: #fff;
}

.news-v2 .news-v2-desc h3 a {
    font-size: 110%;
    color: #0058A4;
    font-weight: bold;
    line-height: 115%;
    margin: 0 0 6px;
}

.news-v2 .btn { margin-top:4px; }
.news-v2 .btn-3 { 
font-size: 12px;
padding: 0px 4px 2px 4px;
line-height: 20px;
height:60px;}



/* *******************************************************
Owl Karussell
******************************************************** */

@-webkit-keyframes blink {
   from { background: #006aa9; }
   to { background: #c4c400; }
  }
 @-moz-keyframes blink {
   from { background: #006aa9; }
   to { background: #c4c400; }
 }
 @-ms-keyframes blink {
   from { background: #006aa9; }
   to { background: #c4c400; }
 }
 @-o-keyframes blink {
   from { background: #006aa9; }
   to { background: #c4c400; }
 }
 @keyframes blink {
   from { background: #006aa9; }
   to { background: #c4c400; }
 }

.schatzkarussell { position:relative; }
.schatzkarussell .owl-pagination { display: none; }
.schatzkarussell .item .owl-controls { display:block; }
.schatzkarussell ul li { padding: 0; }
.schatzkarussell ul li::before { content: ""; }
.schatzkarussell ul ul li::before { content: "\e080"; }
.schatzkarussell ul ol li::before { content: counter(item); }


.schatzkarussell .owl-buttons .owl-prev,
.schatzkarussell .owl-buttons .owl-next {
  padding: 13px;
  position: relative;
  margin: 15px 2px 0;
  background: #006aa9;
  display: inline-block; 
}


.schatzkarussell .owl-buttons .owl-next {
    -webkit-animation: blink 1s 10 alternate;
    -moz-animation: blink 1s 10 alternate;  
    -ms-animation: blink 1s 10 alternate;  
    -o-animation: blink 1s 10 alternate;  
    animation: blink 1s 10 alternate;  
}

.schatzkarussell .owl-buttons .owl-prev:after,
.schatzkarussell .owl-buttons .owl-next:after {
	top: 0;
	color: #FFF;
	font-size: 16px;
	position: absolute;
	font-weight: normal;
	display: inline-block;
	font-family: FontAwesome;
}

.schatzkarussell .owl-buttons .owl-prev:after {
  left: 10px;
  content: "\f104";
}

.schatzkarussell .owl-buttons .owl-next:after {
  right: 10px;
  content: "\f105";
}

.schatzkarussell .owl-buttons .owl-prev:hover:after,
.schatzkarussell .owl-buttons .owl-next:hover:after {
  color: #fff;
}

.schatzkarussell .owl-buttons .owl-prev:hover,
.schatzkarussell .owl-buttons .owl-next:hover {
  background: #c4c400;
  transition: background 0.4s ease-in-out;
}



/* ------ Video ------- */
section.video { margin-bottom:40px; }
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
aside {
    padding-top: 36px;
}

/* -----  Zitat  ----- */

.zitat {
    padding: 15px 72px 10px 30px;
    margin: 20px 0 20px;
    border-right: 0px solid #0058A4;
    position:relative;
}
.zitat .kasteninhalt { 
    text-align: justify;
    padding:0px;
    position:relative; }
    
.zitat i {
  position: absolute;
  top: 0;
  left: 0px;
  font-size: 8em;
  color: #e8eff8;
}
   

.vorspann { font-size:110%; color:#000; margin-bottom:20px;}


/* -----  Accordion  ----- */



.panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

/* aufgeklappt: Minussymbol */
.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.accordion-option {
  width: 100%;
  float: left;
  clear: both;
  margin: 15px 0;
}

.accordion-option .title {
  font-size: 20px;
  font-weight: bold;
  float: left;
  padding: 0;
  margin: 0;
}
.accordion-option h1 {
 width:auto; float:left;
}

.accordion-option .toggle-accordion {
  float: right;
  font-size: 16px;
  color: #6a6c6f;
}


.accordion-option .toggle-accordion:before {
  content: "Alle ansehen";
}

.accordion-option .toggle-accordion.active:before {
  content: "einklappen";
}


.panel, .panel-heading, .panel-group .panel {
    border-radius: 4px;
}


.panel {
    margin: 10px 0;
    background-color: #e8eff8;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);    
    border: solid 1px #eee;
    border-top: solid 2px #0058A4;
    border-radius: 4px;
    padding: 10px 20px;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #e8eff8;
    border-color: #e8eff8;
}

.acc-v1 .panel-heading a {
    color: #0058A4;
    font-size: 18px;
    padding: 5px 15px;
    background: transparent;
}



/* -----  Tabellen  ----- */

div.table {
	display: table;
	border-collapse:collapse;
	width: calc(100% - 10px);
	padding: 5px;
}

div.tr { 
    display:table-row; 
}

div.td {
	display: table-cell;
	width: 33.333%;
	padding: 5px;
}
div.td img {
position:relative;
max-width: 157px; height:auto;
}

/* testimonials */
blockquote.testimonials.testimonials-v2 {
    position:relative;
    }
    
blockquote.testimonials.testimonials-v2 span {
    font-size: 16px;
    }
    
blockquote.testimonials.testimonials-v2 p {
    padding: 15px;
    font-size: 14px;
    font-weight: normal;
    background: #f5f5f5;
}

blockquote.testimonials.testimonials-v2 .testimonial-info em {
    color: #777;
    display: inline;
    font-size: 13px;
}

blockquote.testimonials.testimonials-v2 .item p::after {
    border-top: 20px solid;
        border-top-color: currentcolor;
    border-left: 25px solid transparent;
        border-left-style: solid;
    border-right: 0px solid transparent;
        border-right-style: solid;
}

blockquote.testimonials.testimonials-v2 .item p::after {
    width: 0;
    height: 0;
    content: " ";
    display: none;
    position: absolute;
    border-top-color: #f5f5f5;
    border-left-style: inset;
    border-right-style: inset;
}

blockquote.testimonials.testimonials-v2 .item p::after, 
blockquote.testimonials.testimonials-v2 .item p::before {
    left: 5%;
    bottom: 55px;
}

table.table.statistik .zahl { font-weight: 700; }

/* -----  Letztes  ----- */

ul.search_it-results > li { padding:6px 0; }
ul.search_it-results > li::before { content: "";float:left; }
ul.search_it-results h4::before {
    color: #00519e;
    content: "\f054";
    font-family: "FontAwesome";
    font-size: 0.7em;
    margin-right: 5px;
}

.margin-top-40 { margin-top:40px; }

@font-face {
    font-family: 'Botanica';
    src: url('../fonts/Botanica-Regular.eot');
    src: url('../fonts/Botanica-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Botanica-Regular.woff2') format('woff2'),
        url('../fonts/Botanica-Regular.woff') format('woff'),
        url('../fonts/Botanica-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


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

body.article-1643 .linkaufbild {
  display: flex;
  justify-content: space-between;
}
  
body.article-1643 .linkaufbild a i { font-size: 2.0em;
color: #FFF; margin-top:6px;margin-right:6px; }
body.article-1643 .linkaufbild span {
font-family: 'Botanica','Abel', sans-serif !important;
font-size: 2.0em;
color: #FFF;
padding-left:10px;
text-transform: uppercase;
letter-spacing: 1px;
}
body.article-1673 .col-sm-2.rechts { display:none; }


/* 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;}
.iwcc-save-selection, .iwcc-accept-all {
    transition: 200ms ease all;
    background: green;
    border: 1px solid green;
    color: #fff;
    padding: 0.5em 2em;
    }

.masonry-grid-item { font-size:1.1rem; border-bottom: 1px dotted grey; margin:15px 0; }



.autor { display: block;height: auto;}
.autorrundbild { margin-right:10px; border-radius:50%; }
.g-height-60 {height: 60px !important;}
.g-width-60 {width: 60px !important;}
.rounded-circle {border-radius: 50% !important; float:left;}
.mr-3, .mx-3 {margin-right: 1rem !important;}



#sticky-sidebar {
position: fixed;
z-index:9999;
top: 26%;
left: -50px;
height: 105px;
width: 200px;
border-top-right-radius:1rem;
border-bottom-right-radius:1rem;
transition: 0.3s;
width:200px;
overflow:hidden;
box-shadow: rgba(100, 100, 111, 0.6) 0px 7px 29px 0px;
opacity:0.8;
}

#sticky-sidebar .sticky-left { display: inline-block;vertical-align: middle;display:block;width:50px; float:left;overflow:hidden; }
#sticky-sidebar .sticky-right { display:block;width:150px; float:right;}
#sticky-sidebar:hover {
left:0;
transition: 0.3s;
opacity:1.0;
}
@media screen and (max-width: 767px) {
#sticky-sidebar { display:none; }
}


/* responsive */

/* *******************************************************
Custom, iPhone Retina
******************************************************** */

@media only screen and (min-width : 320px) {  
/* ----- */
.col-fuenftel { width:50%; float:left; padding-left:15px; padding-right:15px;}
.sidebar-nav { margin-top:0px; margin-bottom:30px; }
.article-nav { margin-top:0px; margin-bottom:0px; }
.header-v8 .navbar-toggle {
    border: none;
    padding: 9px 0;
    margin: 6px 0 0 0;
}
.header-v8 .navbar-brand {
    padding-top:10px;
}
.header-v8 .navbar-brand img {
    max-height: 38px;
}
.kasten.col-md-6 { width:100%; margin-right:0%;}

.img-ebr, .img-tdm { max-width:100%; padding-top:6px; float:right; margin-bottom:10px;}
img.w-20 { max-width:100% !important; margin-right:0px;}
img.w-40 { max-width:100% !important; margin-right:0px;}



.zitat { padding: 15px 0px 10px 0px; } 
.zitat .kasteninhalt { text-align: left; } 
a.itembild img { max-width:380px; }
.rechts .fliesskasten {
-ms-hyphens: auto;-webkit-hyphens: auto;hyphens: auto; }
.blog-slider .blog-slider-title h2 {
    margin: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}
.blog-slider .blog-slider-title p { display:none; }
.master-slider .flex-caption { padding: 10px 2% 10px 5%; }
.schatzkarussell .kasten-ebr.col-md-6 { width:100%; }
.schatzkarussell .owl-buttons { position:absolute; top:0px; left:70%; }
.schatzkarussell ul li::before { display:none; }
div.td { display: inline; width:100%; }
.breadcrumbs ul.pull-right { display:none;  }
.breadcrumbs .pull-left { margin-top:0px; }

.content { padding-top:20px; padding-bottom:20px; }
.navbar .appstore { padding:8px; display:block; width:auto; text-align:center; }
.navbar .appstore img { max-width:120px; padding:5px 10px 5px 0; }
img.pull-right { padding-left:0px; padding-right:0px; }
.rex-yform i {color:red;}
.sm-margin-bottom-50 { margin-bottom: 30px; }
.margin-bottom-40 { margin-bottom: 0px; }
.content-md2 { padding-top:20px; padding-bottom: 0px; }
.inhalt ul, .inhalt ol {
    padding-left: 0px;
    margin-right:40px;
    overflow:visible;
}

.rechts ul {
    padding-left: 0px;
    margin-right:5px;
    overflow:visible;
}

#yform-aboform-birthday,
#yform-aboform-email { display:block; width:100%;  }
#yform-aboform-birthday { position:relative;} #yform-aboform-birthday label { padding-bottom:12px;}
#yform-aboform-birthday .form-control { position:absolute; bottom:0px;}
#aboform p.pflicht { clear:left; width:100%;}

#yform-bestellform-telefon { display:none; }
/* ----- */
}



/* *******************************************************
Extra Small Devices, Phones
******************************************************** */

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

.col-fuenftel { width:50%; float:left; padding-left:15px; padding-right:15px;}
.img-ebr, .img-tdm { max-width:50%; padding-top:6px; float:right; margin-bottom:10px; text-align:right;}

.breadcrumbs ul.pull-right { display:inline; width:auto; }
.breadcrumbs .pull-left { margin-top:10px; font-size:20px; }
img.pull-right { padding-left:15px; padding-right:15px;max-width:50%; }
.flexibel { font-size:2rem;}
.inhalt ul, .inhalt ol {
    padding-left: 0px;
    margin-right:40px;
    overflow:auto;
}

.rechts ul {
    padding-left: 0px;
    margin-right:5px;
    overflow:auto;
}



/* ----- */
}

 
 
/* *******************************************************
Small Devices, Tablets
******************************************************** */

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

.col-fuenftel { width:20%; float:left; padding-left:15px; padding-right:15px;}
.header-v8 .navbar-brand { padding-top:6px; }
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left: 0px;}
.blog-topbar { display:block; background: transparent url(../../media/welle2.svg) no-repeat center -60px;min-height: 60px; }
.img-ebr, .img-tdm { max-width:47.5%; padding-top:6px; float:right; margin-bottom:10px;} 


.zitat { padding: 15px 72px 10px 30px; } 
.zitat .kasteninhalt { text-align: justify; } 
.sidebar-nav, .article-nav { margin-top:6px; margin-bottom:0px; }
.sidebar-nav, .article-nav.verbessert { margin-top:0px; margin-bottom:0px; }
.blog-slider .blog-slider-title h2, .blog-slider .blog-slider-title h1 a {
    margin: 0;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.4;
}
.sidebar-nav.mt-3 { margin-top:3rem; }
.blog-slider .blog-slider-title p { display:block; }
.master-slider .flex-caption { padding: 20px 2% 10px 2%; }

.owl-item { min-height:460px; height:460px; overflow:hidden; }
.schatzkarussell .owl-item { min-height:460px; height:auto; overflow:visible; }
.schatzkarussell .owl-buttons { left:80%; }


.inhalt .col-sm-6 { width: 75%; } 
.col-sm-pull-6 { right: 75%; }

.navbar .appstore { padding:8px 0 0 40px; display:block; width:auto; }
.navbar .appstore img { max-width:120px; padding:0px 10px 5px 0; }
div.td { display: table-cell; width: 33.333%; }





/* Formular breit */


.form-group { width:47%; margin-right:3%; float:left; }
.radio-group { width:98%; float:none; padding-top:10px; }
#yform-aboform-postalCode.form-group, 
#yform-ebform-plz.form-group,
#yform-infoform-plz.form-group { width: 15%; margin-right:3%;  }
#yform-aboform-city.form-group, 
#yform-ebform-ort.form-group,
#yform-infoform-ort.form-group { width: 29%; float:right;}
#yform-ebform-mitteilung.form-group,
#yform-infoform-mitteilung.form-group,
#yform-infoform-institution.form-group { width:100%; }




#yform-aboform-birthday { position:relative;} #yform-aboform-birthday label { padding-bottom:12px;}
#yform-aboform-birthday .form-control { position:absolute; bottom:0px;}




/* ----- */
}



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

@media only screen and (min-width : 992px) {
/* ----- */
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left: -15px;}
.blog-topbar { display:block; background: transparent url(../../media/welle2.svg) no-repeat center bottom;min-height: 80px; }
.header-v8 .navbar-nav > li > a {padding: 6px 14px;line-height: 54px;}

.breadcrumbs .pull-left { margin-top:18px;  }
.content { padding-top:40px; padding-bottom:40px; }
.inhalt .col-sm-6 { width: 50%; } .col-sm-pull-6 { right: 50%; }
.header-v8.header-sticky .appstore { display:none;}
.navbar .appstore { padding:0 0 0 10px; display:block; width:auto; }
.navbar .appstore img { max-width:120px; padding:0px 10px 5px 0; }

/* ab hier neue definitionen */

.col-sm-9 .col-md-6 { width:47.5%; margin-right: 13px; margin-left:0; }
.col-md-6.pull-right { margin-right: 0px; margin-left:2.5%; } 
.col-md-6.pull-left { margin-left: 0px; margin-right:2.5%; }  
.kasten, .fliesskasten, .kasten-ebr, .hinweis { margin: 6px 0; }
.kasten-ebr { margin-bottom:20px; }
.sm-margin-bottom-50 { margin-bottom: 50px; }
.sm-margin-bottom-40 { margin-bottom: 40px; }
.content-md2 { padding-top:40px; padding-bottom: 30px; }
body.impulse .container { width:992px !important; }
.inhalt ul, .inhalt ol {
    padding-left: 0px;
    margin-right:40px;
    overflow:auto;
}

.rechts ul {
    padding-left: 0px;
    margin-right:5px;
    overflow:auto;
}
img.w-20 { max-width:120px !important; margin-right:30px;}
img.w-30 { max-width:110px !important; margin-right:10px;}
img.w-40 { max-width:45% !important; margin-right:10px;}
.pt-3 {
  padding-top:1rem!important
}
.pt-4 {
  padding-top:1.5rem!important
}

.bg-spalten { padding: 15px; }
.bg-spalten .col-md-6 { width:44%; padding:20px; background-color: #e8eff8; }
.bg-spalten .col-md-4 { padding:20px; background-color: #e8eff8; }
.bg-spalten .col-md-6.first { margin-right:5%;  }
.bg-spalten.bg-bleu { padding:20px; background-color: #e8eff8; width:93%;margin:20px 0 10px 0;}
.w-100 { width:100% !important; }

.fliesskasten.col-md-4 { margin-right:13px;margin-left:13px;width: 30.33333333%; }
.fliesskasten.col-md-6 { margin-right:13px;margin-left:13px;width: 45%; }
/* ----- */
}


/* *******************************************************
Large Devices, Wide Screens
******************************************************** */

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


.divider { position:relative; display:block; width:100%; height:2em;} 
#yform-aboform-birthday,
#yform-aboform-email { display:block; float:left; width:47%;  }

/* ----- */
}
    


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

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

.top-nav .dropdown .animation-delay-11,
.navbar.mega-menu .appstore { display:none; } 
.blog-topbar .dropdown, .top-nav .dropdown, .top-nav-social, .topbar-list.pull-right { margin:0; }
.blog-topbar { display:block; position:relative; top:0; left:0; background:none; min-height: 30px; height:auto; }

.header-v8 .navbar { margin-top:40px;}
.top-nav { position:relative; display:block; float:none; width:100%;}
ul.top-nav-social, ul.top-nav-social li { margin:0; padding:0; }
.navbar.mega-menu { position:relative; display:block; float:none; width:100%;} 
.top-nav .dropdown.animation-delay-11 { display:none; }
.header-v8 .navbar {margin-top: 0px;}

#ukrModal { max-width:40% !important; }
#ukrModal span.close { right:0 !important; }
a.btn { white-space: normal; }
.img-ebr, .img-tdm { margin-left: 0px; }
/* ----- */
}

@media screen and (max-width: 480px) {
/* ----- */
img.img-tdm, img.pull-right { width:100%; float:none; }

}



/* *******************************************************
Fasten Impulse
******************************************************** */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

section.lassen { padding-bottom:40px; }
body.impulse .container { max-width:992px !important; }
body.impulse { text-rendering: none; font-weight: normal; }
body.impulse h2,
section.lassen h2 { font-size: 1.8em; margin: 2px 0; }
body.impulse .panel { padding: 0px; }
body.impulse .panel-default { background-color:#FFF; }
body.impulse .acc-v1 .panel-heading a { padding:15px; color:#FFF; }
body.impulse .accordion-option { display:none; }
body.impulse a:focus, body.impulse a:hover {
    text-decoration: none;
}
body.impulse .container ul { padding-inline-start: 20px; }
body.impulse .container ul li {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
}
body.impulse .container ul li::before {
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    content: "\e080";
    color: #c4c400;
    margin-left: -16px;
    padding-right: 6px;
}
body.impulse footer {
    background: #c4c400 none repeat scroll 0 0;
    padding: 15px 0 5px 0;
color:#FFF;
}
body.impulse footer .container ul, 
body.impulse footer .container .inhalt ol {
    padding-left: 0px;
    overflow: auto;
list-style: none;
}
body.impulse footer ul.list-inline li { margin:0 20px; }
body.impulse footer .container ul li:before {
content:"";display:none;margin:0;padding:0;
}

table.gebet tr > td { padding:30px; }
body.article-1685 table.gebet,
body.article-1685 .kasten { background-color: #fee180; }
body.article-1692 table.gebet,
body.article-1692 .kasten { background-color: #fbd499; }
body.article-1693 table.gebet,
body.article-1693 .kasten { background-color: #f6dbbc; }
body.article-1694 table.gebet,
body.article-1694 .kasten { background-color: #f7d3da; }
body.article-1695 table.gebet,
body.article-1695 .kasten { background-color: #e7c5d4; }
body.article-1696 table.gebet,
body.article-1696 .kasten { background-color: #abcee9; }
body.article-1697 table.gebet,
body.article-1697 .kasten { background-color: #d2e59f; }




/* *******************************************************
Animierter Button aktueller Brief
******************************************************** */

.animbutton {
margin-top: 15px;
margin-bottom:15px;
text-align: center;
border-radius: 0rem;
}

.blob-btn {
  position: relative;
padding: 6px 12px;
  margin-bottom: 0px;
  text-align: center;
text-decoration:none;
  color: #FFF;
background-color: #337ab7;
border-color: #2e6da4;
  outline: none;
  border: none;
  transition: color 0.5s;
  cursor: pointer;
white-space: nowrap;
border-radius: 0rem;
}

.blob-btn:hover {
color: #fff;
background-color: #286090;
border-color: #204d74;
}