/*  ##############################  */
/*  ####### WICHTIGE INFO! #######  */
/*  ##############################  */

/*  In DIESER custom_kunde_prio.css                                         */
/*  duerfen AUSSCHLIESSLICH KUNDENSEITIG Aenderungen durchgefuehrt werden.  */
/*  Advantic-Mitarbeiter veraendern nur die custom.css                      */ 
/*  (custom.css wird durch custom_kunde_prio.css ueberschrieben)            */
/*  Quelle: Web  */


/* ################# */
/* Allgemein */
/* ################# */
/*Randleiste */
aside {
  margin-bottom:30px;  
}

h1 {
    color: #15789F;
    text-transform: uppercase;
    background-color:#F7F7F7;
    font-weight:400;
    margin-top:0px;
}

h2 {
    margin: 1.5em 0 0.75em;
}

/* ################# */
/* Spalten z. b. Aktuelles */
/* ################# */
.column-1mb {
    width: 100%;
}

.column-1mb {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    transition: width 0.2s ease-in;
}
.liste-bild.column-1mb small, .liste-bild.column-1mb .mc2_ac {
    max-width: calc(100% - 60px);
}
.liste-bild.column-1mb small, .liste-bild.column-1mb .mc2_ac {
    background-color: #fff;
    background-color: rgba(255,255,255,0.85);
    padding: 5px;
    display: inline-block;
    position: absolute;
    right: 15px;
    bottom: 0;
    font-size: 11.5px;
    max-width: 66.666%;
    max-width: calc(100% - 30px);
    color: #444;
}

/* ################# */
/* Toggler */
/* ################# */

#toggler-mb .toggler-title {
    font-weight: 500;  
    padding: 5px 5px 5px 25px;
}

#toggler-mb .toggler-title::after {
    content: '\f138';
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
    font-size: 1em;
    color: #fff;
    vertical-align: middle;
    line-height: 1.5;
    transition: all 0.3s ease-in;
    padding-right: 5px;
}

toggler-container {
    padding: 10px;
    margin-bottom: 10px;
    border-left: 2px #15789F solid;
    border-bottom: 2px solid #15789F;
    background-color: #fefdfd;
    margin-top: -10px;
    border-right: 2px #15789f solid
}

.toggler-title {
  background-color: #15789F;
}

/* ################# */
/* graue Box bei Adressen, Links */
/* ################# */
.box-mb {
    padding: 15px 15px 15px 15px;
    background-color:#F7F7F7;
    margin-bottom: 20px;
    clear: both;
}

/* ################# */
/* weitere Box bzw. Bereiche */
/* ################# */
.box-warning-mb {
    padding: 15px 15px 15px 15px;
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
    margin-bottom: 20px;
}
.box-danger-mb {
    padding: 15px 15px 15px 15px;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    margin-bottom: 20px;
}
.box-success-mb {
    padding: 15px 15px 15px 15px;
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    margin-bottom: 20px;
}
.box-info-mb {
    padding: 15px 15px 15px 15px;
    color: #004085;
    background-color: #CCE6FF;
    border-color: #b8daff;
    margin-bottom: 20px;
}

/* Toggler - Navigation-Startseite */
.cards .caption-mb{
	padding: 5px 5px 5px 25px;
}
.cards .image + .caption-mb {
    padding: 15px;
}
.cards .icon + .caption-mb {
    padding: 0 15px 15px;
    margin-top: -5px;
    text-align: center;
}
.cards .caption-mb .title {
	margin: 0;
	font-size: 1.35em;
	font-weight: 500;
	cursor: pointer;
	position: relative;
	clear: both;
}
.cards .caption-mb p{
    margin-bottom:0;
}

.cards .caption-mb .title:after{
	content: '\f138';
	font-family: FontAwesome;
	position: absolute;
	right: 10px;
	font-size: 1em;
	color: #fff;
	vertical-align: middle;
	line-height: 1.5;
	transition: all 0.3s ease-in;
	bottom:-2px; /*4px*/
}

.eckig-mb {
    background-color:#15789F;
}

.eckig-mb > a:hover{
    background: #851D1C;
}

.eckig_grau-mb > a:hover{
    background: #851D1C;
}

.eckig-mb .caption-mb .title, .eckig_grau-mb .caption-mb .title {
    color: #fff;
    font-size: 1.35em;
}

.eckig-mb .caption-mb .beschreibung-mb, .eckig_grau-mb .caption-mb .beschreibung-mb {
    color: #fff;
}

.eckig_grau-mb {
    background-color:#696969;
    color:#ffffff;
}

.flex-col-mb-1 {
    padding: 0;
    margin: 0 15px 10px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    overflow-wrap: break-word;
}
/* Toggler - Navigation-Startseite */

/* ++++++++ */
/* Navigation   */
/* ++++++++ */
.nav-eckig-mb {
    background-color: #15789F;
    text-align: center;
}

.nav-eckig-mb .caption {
    color: #ffffff;
}

.nav-eckig-mb .title {
    font-size: 1.35em;
    font-weight: bold;
}

.quickmenu li {
    padding-right: 20px;
}


/* ++++++++ */
/* Footer   */
/* ++++++++ */
.logo-leiste .image {
    max-width: 60%; 
}

/* ++++++++++++++ */
/* Seiten-Flags   */
/* ++++++++++++++ */
.floating-icons .oeffnung, .floating-icons .kontakt, .floating-icons .facebook, .floating-icons .karriere {
  display: block;
  position: absolute;
  right: -160px;
  width: 210px;
  height: 50px;
  text-decoration: none;
  color: #fff;
  background: #EAAE10;
  padding: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
}

.floating-icons .facebook a:before {content:"\f1ea";font-family:"Font Awesome 5 Pro";}

.floating-icons .karriere a:before {content:"\f0f2";font-family:"Font Awesome 5 Pro";}
.floating-icons .karriere {top:204px;}
.floating-icons .karriere:hover, .floating-icons .karriere:focus{right:0px;}

/* ++++++++++++++ */
/* Link in der Hauptnavigation */
/* ++++++++++++++ */
.slicknav_nav .nlv_2 > li > a, .slicknav_nav .nlv_2 .nav-block > li > a, .slicknav_nav .nlv_2 .nav-block > .block-seperation > li > a {
    /*font-variant: small-caps*/;
    /*font-size: 100%;*/
    border-top: 2px solid #fff;
    padding-left: 5px;
    height:2em;
}

/* ++++++++++++++ */
/* Link als Button */
/* ++++++++++++++ */
.btn-mb {
    border: 1px solid #404040;
    background-color:#ebebeb;
    display: inline-block;
    padding: 7px 15px 10px
}

/* ++++++++++++++ */
/* Link als Schaltflaeche */
/* ++++++++++++++ */
.link {
    /*margin: 2% 5%;*/
    margin-top: 2%;
    margin-bottom: 2%;
}

.link a, .link a:visited {
	display: block;
	font-size: 1em;
	text-align: center;
    padding: 2% 0;
	background: #15789F none repeat scroll 0 0;
	color: #ffffff;
	text-decoration: none;
}

.link a:hover, .link a:active {
	display: block;
	font-size: 1em;
    padding: 2% 0;
	text-align: center;
	background: #851D1C none repeat scroll 0 0;
	color: #ffffff;
}

/* ++++++++++++++ */
/* Links */
/* ++++++++++++++ */

.anfahrt .csslink_intern::before {
    content: '';
    margin-right: 0px;
}

.csslink_intern::before  {
	font-family: "FontAwesome";
  font-weight: 900;
  content: "\f101";
}

#links_hover .file-description-mb {
    color: #4c4e47;
    padding-left:19px;
}

#links_hover .datensatz a:hover .file-description-mb {
    color: #ffffff;
    padding-left:19px;
}

#links_hover .datensatz {
    color: #4c4e47;
    width: 100%;
}
#links_hover .datensatz::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#links_hover .datensatz a, #links_hover .datensatz a:hover, #links_hover .datensatz a:active, #links_hover .datensatz a:visited {
    display: block;
    padding: 1%;
    text-decoration: none;
}
#links_hover .datensatz a:hover, #links_hover .datensatz a:active {
    background: #990000 none repeat scroll 0 0;
    color: #fff;
}
#links_hover .datensatz a::after {
    clear: both;
    content: "\f061";
    display: block;
    height: 0;
    visibility: hidden;
}
#links_hover .datensatz .bild {
    display: block;
    float: left;
    max-height: 150px;
    width: 25%;
    padding-right:20px;
}
#links_hover .datensatz .bild img {
    border: 5px solid #bdc3c7;
    display: block;
    height: auto;
    max-height: 150px;
    width: 100%;
    margin-top:5px;
}

#links_hover .datensatz a:hover .date, #links_hover .datensatz a:active .date {
    color: #fff;
}

#links_hover .datensatz a:hover .info, #links_hover .datensatz a:active .info{
    color: #fff;
}


#links_hover .datensatz .titel {
    color: #990000;
    font-size: 1.25em;
    font-weight: 400;
    padding: 0;
    display:block;
}

/*
#links_hover .datensatz .titel2 {
    color: #990000;
    font-size: 1.0em;
    font-weight: 300;
    padding: 0;
    display:block;
}
*/
#links_hover .datensatz a:hover .titel, #links_hover .datensatz a:active .titel
/*#links_hover .datensatz a:hover .titel2, #links_hover .datensatz a:active .titel2 */
{
    color: #fff;
}

#links_hover .datensatz .file, #links_hover .datensatz .file-link-mb {
    color: #4c4e47;
    /*display: block; */
    padding: 0;
}

#links_hover .datensatz .info {
    color: #4c4e47;
}

#links_hover .datensatz a:hover .file, #links_hover .datensatz a:active .file,
#links_hover .datensatz a:hover .file-link-mb, #links_hover .datensatz a:active .file-link-mb {
    color: #fff;
}
#links_hover .datensatz a.csslink_PDF:hover::before {
    color: #fff;
}

#links_hover .datensatz a:hover .file::after, #links_hover .datensatz a:active .file::after,
#links_hover .datensatz a:hover .file-link-mb::after, #links_hover .datensatz a:active .file-link-mb::after {
    color: #fff;
}

#links_hover .datensatz .nolink_hover {
    color: #606060;
    padding: 0;
}

#links_hover .datensatz a:hover .nolink_hover, #links_hover .datensatz a:active .nolink_hover {
    color: #fff;
}

#links_hover .file-link-mb::before {
    padding-left:19px;
    content:"";
}

#links_hover .info {
    padding-left:19px;
}


.row-mb {
    background-color:#F7F7F7;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:1em;
}

/* ######################## */
/* Einbindungen iframe code */
/* ######################## */

.embed-container {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}

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

/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}


/* ############### */
/* Veranstaltungen */
/* ############### */

.big-date .list-date {
    color: #fff;
    padding: 15px;
    min-width: 65px;
}

.big-date .list-date .year {
    display: block;
    font-size: 1em;
}

.big-date .list-text {
    padding: 15px;
    color: #404040;
    width: 100%;
}

.unstyled-list {
    list-style: none;
    padding-left: 0;
}

.unstyled-list li {
    background-color:#F7F7F7;
}

.danger-bg-color, a.btn-danger, button.btn-danger, input.btn-danger, .btn-danger a {
	background-color: #990000;
	color: #FFFFFF;
}



@media screen and (min-width: 961px){
 
    
    
}

@media screen and (min-width: 681px){
    /* ############### */
    /* UItoTop jQuery Plugin | Seitenanfang */
    /* ############### */
    
    #toTop {
      display:none;
      text-decoration:none;
      position:fixed;
      bottom:10px;
      right:10px;
      overflow:hidden;
      width:151px;
      height:51px;
      border:none;
      text-indent:100%;
      background:url('https://www.kreis-as.de/layout/lkr_as_3/media/totop.png') no-repeat left top;
    }
    
    #toTopHover {
      background:url('https://www.kreis-as.de/layout/lkr_as_3/media/totop.png') no-repeat left -151px;
      width:151px;
      height:51px;
      display:block;
      overflow:hidden;
      float:left;
      opacity: 0;
      -moz-opacity: 0;
      filter:alpha(opacity=0);
    }
    
    #toTop:active, #toTop:focus {
      outline:none;
    }    
        
}

@media screen and (max-width: 960px){
 
    
    
}

@media screen and (max-width: 680px){
 #toTop {
     display:none;
 }
     
 }
    
    
}