@import "courses.css";

/*******************************************************************************************************/
@font-face {
    font-family: 'Circular_italic_500';
    src: url('fonts/circular/CircularStd-MediumItalic.eot');
    src: local('Circular Std Medium Italic'), local('CircularStd-MediumItalic'),
    url(fonts/circular/CircularStd-MediumItalic.eot?#iefix) format('embedded-opentype'),
    url('fonts/circular/CircularStd-MediumItalic.woff2') format('woff2'),
    url('fonts/circular/CircularStd-MediumItalic.woff') format('woff'),
    url('fonts/circular/CircularStd-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Circular_normal_900';
    src: url('fonts/circular/CircularStd-Black.eot');
    src: local('Circular Std Black'), local('CircularStd-Black'),
    url('fonts/circular/CircularStd-Black.eot?#iefix') format('embedded-opentype'),
    url('fonts/circular/CircularStd-Black.woff2') format('woff2'),
    url('fonts/circular/CircularStd-Black.woff') format('woff'),
    url('fonts/circular/CircularStd-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Circular_500';
    src: url('fonts/circular/CircularStd-Medium.eot');
    src: local('Circular Std Medium'), local('CircularStd-Medium'),
    url('fonts/circular/CircularStd-Medium.eot?#iefix') format('embedded-opentype'),
    url('fonts/circular/CircularStd-Medium.woff2') format('woff2'),
    url('fonts/circular/CircularStd-Medium.woff') format('woff'),
    url('fonts/circular/CircularStd-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Circular_normal_bold';
    src: url('fonts/circular/CircularStd-Bold.eot');
    src: local('Circular Std Bold'), local('CircularStd-Bold'),
    url('fonts/circular/CircularStd-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/circular/CircularStd-Bold.woff2') format('woff2'),
    url('fonts/circular/CircularStd-Bold.woff') format('woff'),
    url('fonts/circular/CircularStd-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Circular_italic_900';
    src: url('fonts/circular/CircularStd-BlackItalic.eot');
    src: local('Circular Std Black Italic'), local('CircularStd-BlackItalic'),
    url('fonts/circular/CircularStd-BlackItalic.eot?#iefix') format('embedded-opentype'),
    url('fonts/circular/CircularStd-BlackItalic.woff2') format('woff2'),
    url('fonts/circular/CircularStd-BlackItalic.woff') format('woff'),
    url('fonts/circular/CircularStd-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Circular_italic';
    src: url('fonts/circular/CircularStd-BookItalic.eot');
    src: local('Circular Std Book Italic'), local('CircularStd-BookItalic'),
    url('fonts/circular/CircularStd-BookItalic.eot?#iefix') format('embedded-opentype'),
    url('fonts/circular/CircularStd-BookItalic.woff2') format('woff2'),
    url('fonts/circular/CircularStd-BookItalic.woff') format('woff'),
    url('fonts/circular/CircularStd-BookItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Circular_italic_bold';
    src: url('fonts/circular/CircularStd-BoldItalic.eot');
    src: local('Circular Std Bold Italic'), local('CircularStd-BoldItalic'),
    url('fonts/circular/CircularStd-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('fonts/circular/CircularStd-BoldItalic.woff2') format('woff2'),
    url('fonts/circular/CircularStd-BoldItalic.woff') format('woff'),
    url('fonts/circular/CircularStd-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Circular_normal';
    src: url('fonts/circular/CircularStd-Book.eot');
    src: local('Circular Std Book'), local('CircularStd-Book'),
    url('fonts/circular/CircularStd-Book.eot?#iefix') format('embedded-opentype'),
    url('fonts/circular/CircularStd-Book.woff2') format('woff2'),
    url('fonts/circular/CircularStd-Book.woff') format('woff'),
    url('fonts/circular/CircularStd-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.image_holder{
	display: inline-block;
	position: relative;
	min-width: 100%;
}
.image_holder[data-source]::before {
	content: '@'attr(data-source);
	display: block;
	position: absolute;
	bottom: 5px;
	right: 5px;
	color: #858585;
	font-size: 11px;
	background: rgba(255,255,255,0.8);
	padding: 0px 10px;
	border-radius: 3px;
	font-style: italic;
}
/*******************************************************************************************************/

body.dark_elements  {
    background-image: url(../images/filter_bg.png);
    background-position: 155% 0;
    background-repeat: repeat-y;
    #background-attachment: fixed;
    transition-duration: 0.1s;
    transition-property: background;
    font-size:16px;
    line-height: 1.5;
}

body.light_elements  {
    background-image: url(../images/main_bg.png);
    background-position: 155% 0;
    background-repeat: repeat-y;
    #background-attachment: fixed;
    transition-duration: 0.1s;
    transition-property: background;
}
#loader{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999999;
    background-color: #0000005c;
    background-image: url(../images/loader_gray.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    display: none;
}
body{
    opacity:1;
    color: #707070;
    background: #fff;

    font-family: 'Circular_normal';
    font-size: 13px;
    height: 1px;
    min-height: 100%;
}
a{color:#7BAB2D;}
a:hover, a:focus{color:#51af3d;}
li {
    line-height: 1.5;
}
select{
    -webkit-appearance: none;
}
div.styled ul{
	list-style: none;
	counter-reset: line;
	padding-left: 40px;
}
div.styled ul > li:before {
	position: absolute;
	left:15px;
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 0.5em;
	background-color: #fff;
	border: 1px solid #7BAB2D;
	border-radius: 50%;
	color: #000;
	text-align:center;
	line-height: 22px;
	counter-increment: line;
	content: counter(line);
}
.mini-slider{width:350px;}
.mini-slider a{
	display:block;
	height:240px;
	background-size: cover;
	background-repeat: no-repeat;
}
.tflex {
	display: flex; 
	flex-direction: row;
	font-size:16px;
}
.tflex > div:first-child {margin-right: 40px;}
.partner{
	display: flex; 
	margin: 32px 0 15px 0;
	flex-wrap: wrap;
}
.tflex .partner{margin:50px 15px 30px 0;}
.partner > div{margin:0 15px 0 0; max-width:110px;}
.img_map {
	position: relative;
}
.img_map img{max-width:100%;}
.img_map a {
	display:block;
	position: absolute;
	width:175px;
	height: 145px;
}
.img_map a:nth-child(1){top: 20px;left: 45%;}
.img_map a:nth-child(2){top: 280px;left: 5%;}
.img_map a:nth-child(3){top: 280px;left: 36%;}
.img_map a:nth-child(4){top: 280px;left: 68%;}
.img_map a:nth-child(5){top: 400px;left: 19%;}
.img_map a:nth-child(6){top: 400px;left: 50%;}
.img_map a:nth-child(7){top: 415px;left: 77%;}
.gallery{
	width:100%;
	padding: 15px 0;
}
.content a {
    font-size: 12px;
    font-family: "Circular_normal_bold";
    letter-spacing: 0.6px;
    color: #008389;
    text-decoration: underline;
}
.w165{ width:165px;}
.red_link {
    font-size: 12px;
    font-family: "Circular_normal_bold";
    letter-spacing: 0.6px;
    color: #008389;
    text-decoration: underline;
    font-size: 16px;
}
.red_link:hover {
    color: #008389;
    letter-spacing: 0.8px;
}

.accord a {
    font-size: 12px;
    font-family: "Circular_normal_bold";
    letter-spacing: 0.6px;
    color: #008389;
    text-decoration: underline;
}
.page_content a {
    font-size: 12px;
    font-family: "Circular_normal_bold";
    letter-spacing: 0.6px;
    color: #008389;
    text-decoration: underline;
}
.acc-content a {
    font-size: 12px;
    font-family: "Circular_normal_bold";
    letter-spacing: 0.6px;
    color: #008389;
    text-decoration: underline;
}
label {
    font-weight: 500;
}
.sep5{ height:5px;}
.sep10{ height:10px;}
.sep15{ height:15px;}
.sep20{ height:20px;}
.sep30{ height:30px;}
.sep35{ height:35px;}
.sep40{ height:40px;}
.sep45{ height:45px;}
.sep50{ height:50px;}
.sep55{ height:55px;}
.sep60{ height:60px;}
.sep70{ height:70px;}

.pad15{
    padding:15px 0;
}
.pad20{
    padding:20px 0;
}
.pad25{
    padding:25px 0;
}
.pad30{
    padding:30px 0;
}
.margin20{
    margin:20px 0;
}
.margin30{
    margin:30px 0;
}
.margin35{
    margin:35px 0;
}
.margin45_35{
    margin:45px 0 35px;
}
.pr-5{
    padding-right:5px;
}
.lr-0{
    padding-left: 0;
    padding-right: 0;
}
.p-0{
    padding:0
}
.mt15{ margin-top:15px}
.container {
    width: 1120px;
    width: 1024px;
    width: 987px;
    width: 1050px;
    background: #fff;
}
.container_header {
    padding-top: 17px;
    padding-bottom: 17px;
    background-image: url("../images/header_bg.jpg");
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}
.sep50{  height:50px;}
.sep200{  height:200px;}
.sep250{  height:250px;}
.h404{
    font-size:60px
}
.lr-0{ padding-left:0;padding-right:0}
.r-0{ padding-right:0}
.content{
    min-height: 600px;
    margin-bottom: 60px;
}
.content.content404{
    min-height: 200px;
    margin-bottom: 60px;
}

img#sitelogo {
    width: 150px!important;
    margin-left: 0;
}
.logo_text {
    line-height: 1.3;
    margin-top: 19px;
    color: #707070;
    font-size: 15px;
    margin-left: 0;
}
span.kontrast-normal {
    color: #000;
    margin-left: 10px;
    cursor: pointer;
}
ul#top_navitation {
    display: inline-flex;
    list-style: none;
}
ul#top_navitation li {
    margin: 0 15px;
}
.instalink:hover img{
    opacity:1;
}
.form-control {
    height: 45px;
    padding: 6px 12px;
    font-size: 13px;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 0;
}
h1.page_title {
    font-size: 32px;
    margin-bottom: 40px;
    font-weight: 600;
    padding-top: 20px;
    font-family: "Circular_normal";
    letter-spacing: 0.6px;
    color: #000;
}
h1.page_title.news_page_title {
    font-size: 32px;
    margin-bottom: 40px;
    font-weight: 600;
    padding-top: 20px;
    font-family: "Circular_normal";
    letter-spacing: 0.6px;
    color: #000;
    position: relative;
}
.inside_text_title {
    font-size: 28px;
    font-weight: 600;
    font-family: "Circular_normal";
    letter-spacing: 0.6px;
    color: #249984;
}
.wv-wrapper.wv-circle-small {
    width: 60px;
    height: 40px;
    background-color: #333;
    border-radius: 40px;
    margin-top: -36px;
    position: relative!important;
}
.wv-wrapper.wv-circle-small {
    width: 30px!important;
    height: 30px!important;
    background-color: #707070!important;
    border-radius: 40px;
    position: relative;
}
.wv-wrapper.wv-circle-small::before {
    display: none;
}
.wv-wrapper.wv-circle-small .wv-load {
    background-image: url(https://albstadt.de.hosting10-plesk.tn-rechenzentrum1.de/images/audio-icon.png);
    background-size: 20px 21px!important;
    background-position: 11px 5px;
    background-repeat: no-repeat;
    width: 30px;
}
.parent_page_title {
    color: #037379;
    font-size: 12px;
    padding: 10px 0 45px;
}
.container.aktuelles_list_container {
    min-height: 450px;
    padding-left: 30px;
}
table.hilfen_albstadt_table {
    margin: 10px 0 15px;
}
table.hilfen_albstadt_table td:nth-child(1) {
    padding: 0 30px 0 0;
}
.hilfe_sep {
    height: 1px;
    border-top: 2px solid #ccc;
}
/*===================================================================

                TOP RIGHT HEADER PART

 ===================================================================*/
a#pl_f {
    font-size: 10pt;
}
a#pl_f span {
    position: absolute;
    margin-left: -28px;
    font-size: 11pt;
    padding: 5px;
    color: #000;
}
a#mn_f {
    font-size: 11pt;
    color: #000;
}
img.top_icon_map {
    margin-left: -5px;
    margin-right: 5px;
    margin-top: -2px;
}
img.top_icon_eye {
    margin-left: -5px;
    margin-right: 5px;
    margin-top: -2px;
}
a#mn_f span {
    margin-left: -10px;
    margin-right: 10px;
    font-size: 15pt;
}
.make_less_more_title {
    color: #000;
    cursor:pointer;
}
.col-lg-12.home_aktuelles_mehr a {
    font-style: italic;
    color: #f3b200;
    font-family: 'Circular_italic';
}
.header_suche {
    color: #fff;
    font-size: 13px;
    float: right;
}
a.topLink {
    margin: 0 0 0 18px;
    font-size: 13px;
    color: #000;
}
form#frm_search #search {
    height: 22px;
    width: 133px;
    margin-top: 6px;
    border: #fff;
    color: #999;
    padding: 2px;
    z-index: 500;
    outline: none;
    float: right;
    font-size: 14px;
}
.bold{ font-weight:600 }
.dotted_biv {
    background-image: url(../images/dotted_w_line.png);
    background-repeat: repeat-x;
    height: 90px;
    background-position: 50%;
    /* border: 1px solid;
    margin-bottom: 15px;*/
}
.headlines{
    font-family: "Circular_normal_bold";
}
.ppp{ font-size:16px;}
.ul_disk{
    list-style-type: disc;
    margin-left:20px;
}
ul ::marker {
    width: 5px;
    height: 5px;
    font-weight: 900;
    font-size: 18px;
}
img.uber_thumb {
    padding: 15px 10px 15px;
}
img.uber_thumb.first {
    padding: 15px 10px 15px 0;
}
img.uber_thumb.last {
    padding: 15px 0 15px 5px;
}
span.suche_text {
    margin-right: 20px;
    line-height: 2.3;
}
.large_autocomplete {
    position: relative;
}
form#frm_search {
    margin-right: 0;
    position: relative;
    width: 600px;
    float: right;
    margin-top: 25px;
    font-size: 13px;
}
.header_suche {
    width: 200px;
}


/********************************************

            HOME MENU AND SLIDER

********************************************* */

.home_slider_section {
    opacity:0;
}
.home_news_section {
    overflow: hidden;
    background: #fff;
}
.bome_slider_actuelles_block {
    max-height: 399px;
}
.aktuelles_nav div {
    color: #008389;
    margin-top: -1px;
    margin-bottom: 0;
}
.aktuelles_nav:hover{
    text-decoration: underline;
    color:#fff;
}
.aktuelles_nav:hover div{

    color:#fff;
}
a.goback {
    float: right;
    font-size: 18px;
    position: absolute;
    right: 15px;
    top: 16px;
    color: #000;
}
.f16{
    font-size:16px;
    line-height: 1.5;
}
.d_white.inside {
    padding-top: 17px;
    text-align: center;
    color: #008389;
    padding-bottom: 23px;
    padding-left: 15px;
    border-bottom: 1px solid #fff;
}
.parent_title_img {
    height: 100%;
    margin-top: -5px;
    margin-right: 5px;
    margin-left: 5px;
}
.timeline_text {
    padding-left: 50px;
}
.locations_span{
    cursor: pointer;
}
p {
    margin: 0 0 15px;
}
.menuitem.d_white.inside:hover {
    border-bottom: 1px solid #2DAA6E;
    background: #2DAA6E;
    color:#fff;
}
.menuitem.d_white.inside:hover a div {
    color:#fff;
}
.home_main_nav {
    font-size: 13px;
    color:#fff;
}
.menuitem {
    padding: 12px 0;
    text-align: center;
    color:#fff;
}
.menuitem.d_white {
    padding-top: 10px;
    text-align: left;
    color: #008389;
    padding-bottom: 10px;
    padding-left: 15px;
}
.home_aktuelles .menuitem.d_white {
    padding-bottom: 12px;
}
.menuitem.d_white.inside {
    padding-top: 20px;

    padding-bottom: 11px;
}
.main_menu_green1{
    background:#008389;
}
.main_menu_green1:hover{
    background: #037379;
    transition-duration: 0.9s;
    transition-property: background;
}
.main_menu_green1:hover .home_main_nav{
    text-decoration: underline;
    transition-duration: 0.9s;
    transition-property: background;
}
.main_menu_green2{
    background:#b2bf27;
}
.main_menu_green2:hover{
    background: #a7b41d;
    transition-duration: 0.9s;
    transition-property: background;
}
.main_menu_green2:hover .home_main_nav{
    text-decoration: underline;
    transition-duration: 0.9s;
    transition-property: background;
}
.main_menu_green3{
    background:#51af3d;
}
.main_menu_green3:hover{
    background: #4ca439;
    transition-duration: 0.9s;
    transition-property: background;
}
.main_menu_green3:hover .home_main_nav{
    text-decoration: underline;
    transition-duration: 0.9s;
    transition-property: background;
}
.main_menu_green4{
    background:#88bb3b;
}
.cc_cp_m_menu li:nth-child(3){
    display:none!important;
}
.cc_cp_m_menu li:nth-child(4){
    display:none!important;
}
.cc_cp_m_menu li:nth-child(5){
    display:none!important;
}
.main_menu_green4:hover{
    background: #7bab2d;
    transition-duration: 0.9s;
    transition-property: background;
}
.main_menu_green4:hover .home_main_nav{
    text-decoration: underline;
    transition-duration: 0.9s;
    transition-property: background;
}
.home_menu_section li {
    float: left;
    width: 25%;
    padding: 15px 0;
    text-align: center;
    color: #fff;
}
.home_menu_section li a:hover {
    #text-decoration: none;
}
.home_menu_section ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
span.glyphicon.glyphicon-menu-left.home_slider_arrow_left {
    font-size: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 999;
    color: #fff;
    cursor: pointer;
}
ul.subsub_ul li {
    display: block;
    text-align: left;
    madding-top:0;
    padding-top:0;
    padding-bottom:0;
}
ul.subsub_ul li:hover {
    madding-top:0;
    padding-top:0;
}
.sub-menu   .subsub_ul li {
    padding-left: 21px;
    width: 100%;
}
.sub-menu .subsub_ul li a{
    color: #fff;
    font-size: 13px;
    opacity: 1;
}
ul.subsub_ul li a{
    color: #fff;
    font-size: 13px;
}
span.glyphicon.glyphicon-menu-right.home_slider_arrow_right {
    position: absolute;
    right: 0;
    z-index: 999;
    top: 50%;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
}
.home_slider_section .black{
    color:#000;
}
.home_slider_section .orange-small{
    color:#f3b200;
    font-size: 22px;
}
.main_slider_title1 {
    font-family: 'Roboto_bold';
    position: absolute;
    font-size: 32px;
    top: 35px;
    left: 66px;
    letter-spacing: 2px;
    /* text-shadow: 2px 1px 6px #f0f0f0; */
}
.main_slider_title2 {
    font-family: 'Circular_normal_bold';
    position: absolute;
    font-size: 32px;
    top: 83px;
    left: 66px;
    letter-spacing: 2px;
   /*  text-shadow: 2px 1px 6px #f0f0f0; */
}
.main_slider_title3 {
    font-family: 'Circular_normal_bold';
    position: absolute;
    font-size: 32px;
    top: 130px;
    left: 66px;
    letter-spacing: 2px;
    /* text-shadow: 0px 0px 2px #fff;
	-webkit-text-stroke: 1px rgba(255, 255, 255, 0.7); */
}
.main_slider_title4 {
    font-family: 'Circular_normal_bold';
    position: absolute;
    font-size: 32px;
    top: 178px;
    left: 66px;
    font-weight: 800;
    letter-spacing: 2px;
    /* text-shadow: 2px 1px 6px #f0f0f0; */
}
.main_slider_title5 {
    font-family: 'Circular_normal';
    position: absolute;
    top: 227px;
    left: 66px;
    text-shadow: none;
}
/*===================================================================

            HOME AKTUELLES RIGHT BLOCK

 ===================================================================*/
.home_aktuelles_date {
    font-size: 12px;
    color: #777;
    font-family: 'Circular_normal_bold';
    margin-bottom:5px;
}
.home_aktuelles_title {
    font-size: 14px;
    font-family: 'Circular_normal_bold';
    text-overflow:ellipsis;
    overflow:hidden;
    max-height:25px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #707070;
    margin-bottom: 7px;
}
.home_aktuelles_short {
    font-size: 12px;
    color: #666;
    text-overflow:ellipsis;
    overflow:hidden;
    max-height:50px;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
.home_aktuelles_short p{
    margin-bottom:0;
    line-height: 1.2;
}
.home_aktuelles_mehr {
    margin-bottom: 5px;
    margin-top: 5px;
}
.aktuelles_list_row {
    border-top: 1px dotted #888;
    margin: 0;
    padding: 30px 0;
    margin-right: 0;
}
.top_dotted_border {
    border-top: 1px dotted #888;
    margin: 0;
    padding: 25px 0 15px;
    margin-right: 0;
}
.aktuelles_list_title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}
.home_aktuelles_block {
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
    line-height: 1.3;
}
.home_aktuelles_block:last-child {
    border-bottom: none;
}
.home_aktuelles_button img {
    margin-top: 7px;
    width: 100%;
    margin-bottom: 7px;
}
.home_aktuelles_block:nth-child(3) {
    border-bottom: none;
}
.forrounded{
    -webkit-transition: .4s;
    transition: .4s;
    cursor:pointer;
}
.forrounded:hover{
    border-radius: 15px;
    -webkit-transition: .4s;
    transition: .4s;
}
.swal2-icon .swal2-icon-content {
    font-size: 60px!important;
}
.swal2-icon.swal2-info, .swal2-icon.swal2-question, .swal2-icon.swal2-warning {
    margin: 30px auto!important;
    font-size: 20px!important;
}
.swal2-icon.swal2-warning {
    border-color: #00af86!important;
    color: #00af86!important;
}
button.swal2-confirm.swal2-styled.swal2-default-outline {
    width: 80px!important;
    border-radius: 0!important;
}
button.swal2-confirm:focus {
    border:none!important
}
button.swal2-cancel.swal2-styled.swal2-default-outline {
    width: 80px!important;
    border-radius: 0!important;
}
.swal2-popup .swal2-title {
    font-size: 16px!important;
    font-weight: 500!important;
    font-family: 'Circular_normal'!important;
}
.swal2-popup {
    border-radius: 0!important;
}
.swal2-icon {
    width: 3em!important;
    height: 3em!important;
}
/*===================================================================

            FAST LINKS HOME

 ===================================================================*/
.container.container_fast_links {
    background: #ededed;
    margin-top: 0;
}
.fast_links {
    background: #ededed;
    color: #707070;
    font-size: 11px;
    text-transform: uppercase;
    padding: 15px 0 5px;
}
.fast_links a {
    color: #707070;
}
.fast_links-p-0 {
    background: #ededed;
    padding: 0;
}
.fast_links_sep_wrapper {
    background: #ededed;
    padding: 0 10px 0 10px;
}
.right_border_l_gray {
    padding-right: 0;
    border-right: 1px solid #707070;
}
.fast_links_sep {
    height: 1px;
    border-bottom: 1px solid #707070;
    clear: both;
    padding-top: 5px;
}
.home_fast_icon {
    float: left;
    width: 30px;
    margin-right: 15px;

}
.home_fast_link_text {
    line-height: 2.2;
}


/*===================================================================

            HOME INFOBLOCK

 ===================================================================*/
img.infoblock_img {
    width: 100%;
    height: 220px;
}
.info_img {
	width: 100%;
    height: 220px;
	position: relative;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.info_img .banner_text{
	position: absolute;
	left: 15px;
	bottom: 25px;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 1px 2px 10px #000;
	font-family: "Circular_normal_900";
}
.info_img .banner_text2{
	position: absolute;
	left: 15px;
	bottom: 5px;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 1px 2px 10px #000;
	font-family: "Circular_normal_900";
}
.info_red1 {
    background: #008389;
}
.info_red2 {
    background: #008389;
}
.info_title {
    font-family: 'Circular_normal';
    padding: 3px 10px;
    color: #fff;
    font-size: 16px;
}
.info_mehr {
    font-family: 'Circular_italic';
    padding: 3px 10px;
    color: #f3b200;
    font-size: 15px;
}
.info_mehr a {
    color: #f3b200;
    font-family: 'Circular_italic';
}
.menuitem.d_white:hover {
    background: #2DAA6E;
}
.menuitem.d_white:hover div {
    color: #fff;
}
.container_fast_links a:hover{
    text-decoration: none;
    font-weight:600;
}
.home_fast_link_text:hover{
    text-decoration: none;
    font-weight:600;
}
.info_text a:hover{
    text-decoration: none;
    font-family: "Circular_normal_900";
}
.info_text a:hover .info_title{
    text-decoration: none;
    font-family: "Circular_normal_900";
}
/*===================================================================

            HOME MEGA MENU SUBS

 ===================================================================*/


div.main_menu_mega_subs {
    position: absolute;
    z-index: 999999999;
    padding: 30px 15px 0px;
    background: #008389;
    color: #fff;
    width: 100%;
    /* min-height: 216px; */
    margin-top: 15px;
}
.subs_mega_wrapper {
    margin: 0;
    color: #fff;
    text-align: left;
}
.main_menu_mega_subs a:hover {
    text-decoration: none;
}
.main_menu_mega_subs a:hover subs_mega_wrapper{
    text-decoration: none;
}
ul.subsub_ul li a div {
    border-bottom: 1px solid transparent;
    margin-top:0!important;
    padding-top:0!important;
}
ul.subsub_ul li a:hover div {
    border-bottom: 1px solid #f0f0f0;
    margin-top:0;
    margin-top:0!important;
    padding-top:0!important;
}
ul.subsub_ul li a {
    text-decoration:none;
}
ul.subsub_ul li a:hover {
    text-decoration:none;
}
.nav_sub_title {
    width: 100%;
    #text-transform: uppercase;
    font-size: 15px;
}
ul.subsub_ul {
    #margin-top:0!important;
    #padding-top:0!important;
}
img.logo_colors {
    width: 168px;
}
.lr-0{
    padding-left:0;
    padding-right:0;
}
.l-0{
    padding-left:0;
}
.l-0{
    padding-left:0;
    padding-right:0;
}
.hhh {
    /*border-bottom: 2px solid #ccc;*/
    overflow: auto;
    margin-bottom: 10px;
}
.hhh_noborder{
    /*border-bottom: 2px solid #ccc;*/
    overflow: auto;
    margin-bottom: 10px;
}
.nav_sub_short {
    font-size: 11px;
}
.sub-menu h4{
    #text-transform: capitalize;
    font-size: 14px;
    #padding: 0.5rem 0;
}
.sub-menu ul li{
    #text-transform: capitalize;
    #padding: 0.2rem 0;
    #margin: 0.2rem 0;
    #font-size: 0.95rem;
}
.sub-menu ul li a{
    #opacity: 0.8;
    #transition: all 0.5s ease;
}
.sub-menu ul li a:hover{
    #padding-left: 14px;
    opacity: 0.9;
    text-decoration: underline;
}
.lili_place {
    width: 350px;
    min-height: 50px;
    margin-bottom: 15px;
    margin-top: 5px;
}
.lili_place img{max-width:100%;}
.sub-menu{
    display: none;
    left: 0;
}
/*******************************************************************/
.row.aktuelles_list_row {
    #border-bottom: 1px solid #f0f0f0;
    margin-bottom: 10px;
    padding-bottom: 10px;
    margin-right: 0;
}
h4.unsere_aufgaben_h4 {
    font-size: 20px;
    margin-bottom: 12px;
    font-weight: 600;
    padding-top: 0;
    font-family: "Circular_normal";
    letter-spacing: 0.6px;
    color: #000;
}
.unsere_aufgaben_block {
    padding: 20px 20px 0;
    border: 1px solid #000;
    min-height: 190px;
    margin: 15px 0;
}
.unsere_aufgaben_block.min155 {
    padding: 20px ;
    border: 1px solid #000;
    min-height: 155px;
    margin: 5px 0;
}
.dotted_line{
    height:1px;
    border-top: 1px dotted #888;
}
.dotted_w_line {
    height: 2px;
    background-image: url(../images/dotted_w_line.png);
    background-position: left bottom;
    background-repeat:repeat-x;
}
.dotted_line_sep30 {
    height:1px;
    margin:50PX 0;
    border-top: 1px dotted #888;

}
.dotted_line_sep30_0 {
    height:1px;
    margin:50PX 0 0;
    border-top: 1px dotted #888;

}
.search_row_schort {
    padding-bottom: 25px;
    font-size: 16px;
    line-height: 1.6;
}
.fl_left {
    float: left;
    margin-right: 10px;
}
.solid_line{
    height:1px;
    border-top: 1px solid #666;
}
.hilfen_subtitle{
    font-size: 16px;
    border-top: 1px dotted transparent;
    font-weight: 600;
    padding-top: 0;
    font-family: "Circular_normal";
    letter-spacing: 0.6px;
    color: #000;
}
a.red_small_underlined{
    font-size: 16px;
    font-family: "Circular_normal_bold";
    letter-spacing: 0.6px;
    color: #008389;
    text-decoration: underline;

    -webkit-transition: .3s;
    transition: .3s;
}
.title_bold {
    font-size: 20px;
    font-weight: 600;
    font-family: "Circular_normal";
    letter-spacing: 0.6px;
    color: #000;
    padding: 0 0 15px 0;
}
.title_bold_16 {
    font-size: 16px;
    #font-weight: 600;
    font-family: "Circular_normal";
    letter-spacing: 0.6px;
    color: #000;
    padding: 0 0 15px 0;
}
a.redlink {
    color: #008389;
    text-decoration: underline;
}
a.redlink:hover {
    font-weight: 600;
}
.hilfen_subtitle.dotted {
    font-size: 16px;
    #border-top: 1px dotted #888;
    font-weight: 600;
    #padding-top: 15px;
    font-family: "Circular_normal";
    letter-spacing: 0.6px;
    color: #000;
}
.subsub_block {
    min-height: 25px;
}
.unsere_jugendfeuerwehr_title h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    #padding-left: 20px;
}
.unsere_jugendfeuerwehr_title_sep {
    margin: 13px 0 0;
}
img.part_img {
    padding: 0;
    width: 155px;
    margin-top: 3px;
}
div#Verhalten {
    height: 1px;
}
.part_title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    padding-bottom: 15px;
}
.unsere_jugendfeuerwehr_title {
    font-size: 20px;
    #border-top: 1px dotted #888;
    font-weight: 600;
    padding-top: 5px;
    font-family: "Circular_normal";
    letter-spacing: 0.6px;
    color: #000;
    margin-top:59px;
}
.unsere_jugendfeuerwehr_title_sep:last-child {
    border-bottom: none;
}
.content.unsere_aufgaben .unsere_jugendfeuerwehr_title_sep {
    margin: 13px 0 0;
}
.content.unsere_aufgaben .unsere_jugendfeuerwehr_title {
    #border-top: 1px dotted #888;
    padding-top: 0;
}
.unsere_jugendfeuerwehr_text {
    text-align: left;
    padding-right: 10px;
    padding-left:0;
    min-height: 70px;
}
img.unsere_aufgaben_ico {
    margin-top: 10px;
}
img.unsere_jugendfeuerwehr_image {
    width: 95%;
    padding-top: 7px;
}
.mar_r_20{ margin-right:10px }
.yellow_bg{
    background: #f68c23;
    color:#fff;
}
.row.macht_row img {
    width: 100%;
    height: 316px;
}
.yellow_bg_inner {
    padding: 40px 40px 40px;
    height: 316px;
    font-size: 16px;
    text-align: center;
}
.yellow_bg_inner h4 {
    font-weight: 600;
    /* padding: 0 20px; */
    margin-bottom: 20px;
    letter-spacing: 1px;
    line-height: 1.6;
}
.yellow_bg_left .yellow_bg_inner {
    padding: 25px 22px 40px;
    height: 316px;
    font-size: 16px;
    text-align: center;
    background: #ff8b37;
    color: #fff;
}
.yellow_bg_2 .yellow_bg_inner {
    padding: 45px 22px 40px;
    height: 316px;
    font-size: 16px;
    text-align: center;
    background: #ff8b37;
    color: #fff;
}
.yellow_bg_inner.lastt{
    padding-top: 142px;
    font-weight: 600;
}
/*===================================================================

            F O O T E R

 ===================================================================*/
.footer_wrapper {
    width: 100%;
    background: #4f4f4f;
}
footer {
    background: #4f4f4f;
    width: 100%;
    color: #fff;
}
.content a:hover{
    letter-spacing: 0.8px;
    -webkit-transition: .3s;
    transition: .3s;
}
.acc_right a:hover{
    letter-spacing: 2px;
    -webkit-transition: .3s;
    transition: .3s;
}
.acc-content a:hover{
    letter-spacing: 0.9px;
    -webkit-transition: .3s;
    transition: .3s;
}

a.red_small_underlined:hover{
    letter-spacing: 0.9px;
    -webkit-transition: .3s;
    transition: .3s;
    text-decoration: underline;
}
.container.footer_container {
    background: #4f4f4f;
    min-height: 330px;
}
.container.footer_container {
    background: #4f4f4f;
    min-height: 330px;
    padding-top: 45px;
    padding-bottom: 45px;
}
.footer_widget_wrapper{
    min-height: 185px;
}
.footer_widget {
    list-style: none;
}
.footer_widget img{
	filter: brightness(0) invert(1);
}
.footer_widget h4 {
    margin-bottom: 20px;
}
.footer_widget li {
    color: #fff;
    font-size: 13px;
    font-family: 'Circular_normal';
    line-height: 1.6;
}
.footer_widget li a {
    color: #fff;
    font-size: 13px;
    font-family: 'Circular_normal';
}
.footer_widget li a:hover {
    color: #c7c2c2;
}
#footer_widget1 {
    padding-left:10px
}
.border-right-white{
    border-right: 1px solid #fff;
}
.copyright.text-right {
    font-size: 12px;
    margin-right: -20px;
}

img.lglg {
    float: left;
    margin-right: 5px;
    display:block;
    margin-top: 3px;
}
img.bwbw {
    float: left;
    margin-right: 5px;
    margin-top: 2px;
    display:none;
}
.home_aktuelles_mehr:hover a {
    font-weight: 600;
}
.topLink:hover{
    font-weight: 600;
}
.kontrast-normal:hover{
    font-weight: 600;
}
.make_less_more_title:hover{
    font-weight: 600;
}
.home_main_nav:hover{
    font-weight: 600;
}
/********************************************************************************

            COLOR SWITCH

 ********************************************************************************/
.dark_elements .container_header{
    filter: grayscale(1);
}
.dark_elements .bwbw{
    display: block;
}
.dark_elements .lglg{
    display: none;
}
.dark_elements .home_slider_section,.dark_elements .infoblock_img,.dark_elements .inside_banner,.dark_elements .unsere_jugendfeuerwehr_image,.dark_elements .accord_img{
    filter: grayscale(1);
}
.dark_elements .hvr-underline-from-left:before {
    background: #fff;
}
.dark_elements .info_mehr a {
    color: #fff;
}
.dark_elements .fast_links {
    background: #4f4f4f;
    color: #f0f0f0;
}
.dark_elements .fast_links_sep_wrapper {
    background: #4f4f4f;
    color: #f0f0f0;
}
.dark_elements .fast_links-p-0 {
    background: #4f4f4f;
}

.dark_elements .fast_links {
    BORDER-LEFT: 1px solid #4f4f4f;
}
.dark_elements .right_border_l_gray {
    border-right: 1px solid #f0f0f0;
}
.dark_elements .fast_links_sep {
    border-bottom: 1px solid #f0f0f0;
}


.dark_elements footer {
    background: #f0f0f0;
    color: #4f4f4f;
}
.dark_elements .footer_wrapper {
    background: #f0f0f0;
    color: #4f4f4f;
}
.dark_elements .container.footer_container {
    background: #f0f0f0;
    color: #4f4f4f;
}
.dark_elements .footer_widget li {
    color: #4f4f4f;
}
.dark_elements .footer_widget li a{
    color: #4f4f4f;
}
.dark_elements .border-right-white {
    border-right: 1px solid #ccc;
}
.dark_elements .home_aktuelles_mehr a {
    color: #666;
    font-size: 13px;
}
.dark_elements .home_aktuelles_mehr {
    line-height: 1.096;
}
.dark_elements .home_news_section {
    line-height: 1.4;
}
.dark_elements form#frm_search {
    margin-top: 24px;
}
.dark_elements .main_menu_mega_subs a:hover {
    color: #fff;
}
/*
.dark_elements .container_header {
    background-image: url(../images/bark_header_bg.jpg);
}
*/
/*
 .dark_elements  .logo_text {
     color: #F0F0F0;
 }

 */
.panel-default>.panel-heading {
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    filter: none;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-top: 1px dotted #888;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    padding: 18px 0;
    padding-bottom: 10px;
    position: relative;
}
.acc_icon_span {
    #border: 1px;
    solid #ff0000;
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 0;
    border-radius: 50%;
    line-height: 3;
}.location_row:last-child {
     border-bottom: 1px dotted #888;
 }
img.plus_icon {
    width: 35px;
    height: 35px;
    cursor:pointer;
}
span.acc_icon_span.act {
    top: 30px;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid transparent!important;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
}
img.inside_banner {
    width: 100%;
    z-index: 10;
}
table.accord_table {
    width: 100%;
    margin-bottom:30px;
}
table.accord_table td:nth-child(1) {
    width: 300px;
    padding-top:5px
}
table.accord_table td:nth-child(2) {
    padding-left: 25px;
    vertical-align: top;
}
ul#accord {
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
}
img.accord_img {
    width: 100%;
    height: 210px;
    margin-top: 5px;
}
.acc-title{
    position: relative;
}
.acc-title {
    position: relative;
    overflow: inherit;
    border-top: 1px dotted #888;
    padding: 15px 0;
}
.panel-body {
    padding: 0 15px 15px;
}
.acc-title a{
    font-size: 16px;
    font-weight: 600;
    font-family: "Circular_normal";
    letter-spacing: 0.6px;
    color: #000;
}
.acc-content {
    display: none;
    #padding-right: 60px;
}

.acc-content.opened {
    display: block;
}
.acc_right {
    padding-left: 30px;
}

.margin_ul {
    padding-left: 30px;
}
span.search_i {
    color: #a7b41d;
    font-weight: 500;
}
.search_wrapper {
    margin-top: 30px;
}
.sesrch_row_title {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    border-top: 1px dotted #888;
    padding-top: 25px;
    padding-bottom: 10px;
}
.news_date {
    font-size: 12px;
    font-weight: 500;
}
.news_back_wrapper {
    padding: 15px 15px;
}
div#search_page_form #frm_search {
    float: left;
    margin: 0 0 30px 0;
    width: 250px;
}
.search_lupa {
    display: flex;
    cursor:pointer;
}
.search_lupa img{
    width:30px;

}
#search_page_form .search_field {
    float: left;
    margin-right: 15px;
    padding: 5px;
    height: 34px;
}
.home_slide {
    height: 275px;
	width:100%;
	position:relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
a#mn_f {
    text-decoration: none!important;
}
a#mn_f span {
    text-decoration: none!important;
}
a#mn_f:hover {
    text-decoration: none!important;
}
a#mn_f:hover span {
    text-decoration: none!important;
}
a#mn_f span:hover {
    text-decoration: none!important;
}

img.menu_mob_button {
    width: 40px;
    position: absolute;
    right: 20px;
    top: 25px;
}
.top_lupa_mo{
    margin-top: 15px;
    margin-left: 10px;

    z-index: 100;
}
div#search_wrapper_mo {
    display: none;
    /* position: absolute; */
    height: 60px;
    padding: 10px;
    width: 385px;
    width: 100%;
    z-index: 9999999!important;
    background: #f0f0f0;
    top: 83px;
    margin-left: 0;
}

#search_wrapper_mo form#frm_search #search {
    height: 30px;
    width: 100%;
    margin: 0 auto;
    border: #fff;
    color: #999;
    padding: 2px;
    z-index: 500;
    outline: none;
    position: absolute;
    left: 0;
    font-size: 16px;
    left: 0px;
    top: -20px;
}
#search_wrapper_mo form#frm_search {
    position: absolute!important;
    width: 100%;
}
.title_404 {
    font-size: 20px;
    color: #000;
    margin: 0 0 10px 0px;
    font-weight: 600;
}
div#search_submit_mo1 {
    float: left;
}
div#search_submit_mo2 {
    position: absolute;
    right: 20px;
    top: -15px;
}
img.search_lupa_mo {
    z-index: 600!important;
}
.menu-link:hover a .home_main_nav{
    font-weight: 900!important;
}

.info_text:hover a{
    font-weight: 600!important;
}
.info_text:hover a .info_title{
    font-family: "Circular_normal_900";
}
.infolink:hover{
    text-decoration:none;
    font-weight: 900;
    font-family: "Circular_normal_900";
}
.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right)>.swal2-modal {
    margin: auto;
    width: 540px;
    padding: 75px 0;
    color:#ff0000;
    background: #f6031f;
    border: 5px solid #fff;
}
button.swal2-confirm.swal2-styled.swal2-default-outline {
    width: 110px!important;
    border-radius: 0!important;
    height: 40px;
    color: #000;
    font-size: 18px;
    line-height: 1;
}

button.swal2-cancel.swal2-styled.swal2-default-outline {
    width: 110px!important;
    height: 40px!important;
    color: #000;
    font-size: 18px;
    line-height: 1;
    padding: 0;
}
.swal2-styled.swal2-default-outline:focus{box-shadow:none!important}
.swal2-popup .swal2-title {
    color: #fff!important;
    font-size: 22px!important;
}
.modal-footer {
    padding: 15px;
    text-align: center;
    border-top: none;
}
.modal-content {
    position: relative;
    background-color: #f6031f;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 5px solid #fff;
    border-radius: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 20px 60px;
    margin-top: 150px;
}

.modal-body {
    position: relative;
    padding: 15px;
    text-align: center;
}
.modal-body {
    position: relative;
    padding: 15px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    padding-top: 30px;
}
.img-fluid{ width:75px}
.cal112_div {
    width: 110px!important;
    height: 40px!important;
    background: #fff;
    color: #000;
    font-size: 18px;
    line-height: 1;
    padding: 0;
    border: none;
}
img.popapclose {
    position: absolute;
    right: 15px;
    width: 40px;
    top: 15px;
    cursor: pointer;
    z-index: 999;
}
.cancel_popup {
    width: 110px!important;
    height: 40px!important;
    background:#ececec;
    border:none;
    color: #000;
    font-size: 18px;
    line-height: 1;
    padding: 0;
}
p {
    line-height: 1.5;
    font-size: 16px;
}
td {
    line-height: 1.5;
    font-size: 16px;
}
.acc-content a{
    font-size: 16px;
    -webkit-transition: .3s;
    transition: .3s;
}
.content a {
    font-size: 16px;
    -webkit-transition: .3s;
    transition: .3s;
}
.home_main_nav.aktuelles_nav{
    color: #88bb3b;
    #LINE-HEIGHT: 2;
    padding-top: 11px!important
}
.unsere_jugendfeuerwehr_title.parttitle {
    margin-top: 10px;
}
.pb5{
    padding-bottom: 5px;
}
.pb15{
    padding-bottom: 15px;
}
.pb20{
    padding-bottom: 20px;
}
.l-20{
    padding-left:20px
}
.fs16{
    font-size: 16px
}
.fs20{
    font-size: 20px
}
.fs22{
    font-size: 22px
}
.fs24{
    font-size: 24px
}
.hh5{ height:5px}
.hh8{ height:8px}
.hh10{ height:10px}
.hh15{ height:15px}
.hh20{ height:20px}
.hh25{ height:25px}
.hh30{ height:30px}
.hh35{ height:35px}
.hh40{ height:40px}
.hh60{ height:60px}

div#sesssion_unset .modal-content {
    background: #fff;
    text-align: center;
    color: #000;
}
div#sesssion_unset .modal-header .close {
    margin-top: 0;
    color: #000!important;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 25px;
    padding: 5px;
}
div#sesssion_unset .modal-header {
    padding: 15px;
    border-bottom: none;
}
#close_session_popup{
    width: 110px;
    background: #008389;
    border: 1px solid #008389;
    color: #fff;
    cursor: pointer;
    padding: 8px 10px;
    margin: 0 auto;
}
#close_session_popup:hover{
    border: 1px solid #008389;
    background: #008389;
}

/**************************************/
.headline_small_title {
    font-size: 20px;
    font-weight: 600;
    font-family: "Circular_normal";
    color: #000;
}
.headline_small {
    font-size: 20px;
    font-weight: 600;
    font-family: "Circular_normal";
    color: #000;
    padding-top: 2px;
    padding-bottom: 7px;
}
.acc_p {
    font-size: 16px;
    line-height: 1.5;
}
.ol {
    line-height:1.5;
}
.ol_num {
    float: left;
    font-size: 16px;
    width: 25px;
    margin-left: 0px;
    margin-right: 10px;
}
.ol_num div {
    font-weight: 900;
    line-height: 1;
    margin-top: -3px;
    padding: 5px 6px 5px 6px;
    border-radius: 50%;
    width: 28px;
}
.ol_text {
    width: 93%;
    float: left;
    font-size: 16px;
    margin-bottom: 20px;
}
div#prav_div_left_20 {
    margin-left: 15px;
    margin-bottom: 20px;
}
.acc-title div {
    font-size: 20px;
}
div#green_large {
    font-size: 32px;
    padding-bottom: 25px;
}
table#bbb_ccc td:nth-child(1) {
    width: 150px;
}
table#bbb_ccc td:nth-child(1) img {
    width: 150px;
    height: 185px;
}
table#bbb_ccc td:nth-child(2) {
    padding-left:17px;
}
table#bbb_ccc td {
    padding-top: 10px;
}
.ddd.zzz {
    margin-top: 20px;
    padding-right: 60px;
}
ul.im_ccc li {
    margin-bottom: 15px;
}
#ddd li {
    margin-bottom: 16px;
}
.ddd li {
    margin-bottom: 20px;
    #line-height: 2;
}
.panel-body {
    /* padding-right: 60px; */
}
.news_date{
    font-size:16px!important;
    color: #000;
}
.timeline_text p {
    padding-bottom: 0!important;
    margin-bottom: 10px;
}
p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
/**************************************/
.fuh.headline_small {
    font-size: 16px;
    font-weight: 600;
    font-family: "Circular_normal";
    color: #000;
    padding-top: 20px;
    padding-bottom: 0;
}
.fuh_p {
    line-height: 1.5;
    font-size: 16px;
    padding-top: 5px;
    padding-right: 60px;
}
ul.subsub_ul li {
    margin-bottom: 5px;
}

li {
    line-height: 1.5;
    #padding-right: 60px;
}
div#img_preview_banner img {
    width: 50%;
}
.lh1_6{
    line-height:1.6
}
.acc-content li {
    margin-bottom: 15px;
}
.acc-content .ol:first-child {
    margin-top: 15px;
}
.acc-content li:first-child {
    margin-top: 20px;
}
.acc-content li:last-child {
    margin-bottom: 0;
}
/**************************************/



div#ddd {
    margin-left: 3px;
}
.acc-content ul{
    margin-left: 5px;
}
.ul_ss{
    margin-left: -1px!important;
}
.ol {
    #margin-left: 20px;
}
button.cal112_div:hover {
    background: #ff002921;
    border: 3px solid #fff;
    color: #fff;
    font-weight: 600;
}
button.cancel_popup:hover {
    background: #ccc;
    border: 3px solid #fff;
}
.fahr_img{
    width: 240px;
    height: 160px;
    height: 210px;
    background-position: center center;
    background-size: cover;
    margin-top:5px
}
.pr60{ padding-right:60px}
.pl15{ padding-left:15px}
.pl20{ padding-left:20px}
.pl25{ padding-left:25px}
.pl30{ padding-left:30px}
.fahr_ul li:first-child {
    margin-top: 0;
}
.pr60 { padding-right:60px}
.pr45 { padding-right:45px}

.ddd.zzz ul li {
    margin-top: 10px;
}
.mt-5 {
    margin-top: -3px;
}
.pl45{ padding-left:45px}
img.timeline_img {
    width: 100%;
}
.formtitle {
    font-size: 16px;
    color: #000;
    #padding-top: 10px;
}
.form_row_err {
    color: #ff0000;
    font-size: 14px;
    display:none;
    margin-top:10px
}
.bitte_wahlen {
    font-size: 16px;
    margin-bottom: 15px;
}
.requered_select.nice_select {
    width: 100%;
}
.nice-select span{
    font-size: 16px;
}
.form_row textarea{
    height:120px;
}
.nice_select {
    width: 100%;
    position: relative;
}

.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 10px;
    margin-top: auto;
    pointer-events: none;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 10px;
    margin-top: -5px;
}
.nice-select span {
    font-size: 16px;
    margin-top: -5px!important;
    position: absolute;
}
.contact_float_left1 {
    float: left;
    margin-left: 15px;
    height: 55px;
    padding-right: 15px;
}
.contact_float_left2 {
    #float: left;
}
/*****************************  checkboxes  ********************************/
/* для элемента input c type="checkbox" */
.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.white_bg{ background:#fff;}
/* для элемента label, связанного с .custom-checkbox */
.custom-checkbox+label {
    display: inline-flex;
    align-items: self-start;
    user-select: none;
}

/* создание в label псевдоэлемента before со следующими стилями */
.custom-checkbox+label::before {
    content: '';
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #adb5bd;
    border-radius: 0.25em;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

/* стили при наведении курсора на checkbox */
.custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
    border-color: #b3d7ff;
}

/* стили для активного чекбокса (при нажатии на него) */
.custom-checkbox:not(:disabled):active+label::before {
    background-color: #b3d7ff;
    border-color: #b3d7ff;
}

/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox:focus+label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox:focus:not(:checked)+label::before {
    border-color: #80bdff;
}

/* стили для чекбокса, находящегося в состоянии checked */
.custom-checkbox:checked+label::before {
    border-color: #344054;
    background-color: #344054;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox:disabled+label::before {
    background-color: #e9ecef;
}
/*********************************************************

                CAPTCHA

 *********************************************************/
.captcha_row{
    position: relative;
    /*
    height: 130px;
    width: 295px;
    border: 1px solid #ccc;
    margin-left: 30px;
    margin-top: 30px;
    */
}
input#defaultReal {
    margin-left: 15px;
    padding: 9px 11px;
    border: 1px solid #ccc;
    font-size: 16px;
}
.realperson-text {
    font-family: "Courier New",monospace !important;
    font-size: 8px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 3px;
    position: absolute;
    top: 75px;
}
.realperson-regen {
    padding-top: 4px;
    font-size: 16px;
    text-align: left;
    cursor: pointer;
    position: absolute;
    margin-left: 335px;
    margin-top: 5px;
}
.realperson-challenge {
    margin-left: 20px;
    position: relative;
    #margin-top: 27px;
}
.realperson-text {
    font-family: "Circular_500",monospace !important;
    font-size: 8px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 3px;
    position: absolute;
    top: 12px;
    left: 205px;
}
input#sendsend {
    width: 140px;
    border: 1px solid #ff0000;
    background: #ff0000;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}
input#sendsend:hover {
    border: 1px solid #ff0000;
    background: #d90303;
}
.agree_trext {
    margin-top: -3px;
    margin-left: 5px;
}
.requered.err {
    border: 1px solid #ff0000;
}
input.err {
    border: 1px solid #ff0000;
}
.requered_select.err {
    border: 1px solid #ff0000;
}
img.patcha_refrech {
    width: 17px;
    margin-top: 4px;
}
input#defaultReal {
    margin-left: 15px;
    padding: 9px 11px;
    border: 1px solid #ccc;
    font-size: 16px;
    outline: none;
}
.err_class {
    padding: 10px;
    border: 1px solid #ff0000;
    font-size: 14px;
}
.ok_class {
    border: 1px solid #00a542;
    padding: 10px;
    font-size: 14px;
}
/*******************************************************************************

                                registration

/*******************************************************************************/
.pad60_20{
    padding-top:60px;
    padding-bottom:20px;
}
/*.pr100{ padding-right:100px}*/
.pprr{ padding-right:100px}
.pad40_20{
    padding-top:40px;
    padding-bottom:20px;
}
.black{
    color: #000;
}
ul#reg_ul_tabs li {
    width: 25%;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}
ul#reg_ul_tabs li.active {
    color: #000;
}
.reg_tab {
    padding: 30px 0 15px;
    border-bottom: 5px solid #ccc;
}
.active .reg_tab {
    padding: 30px 0 15px;
    border-bottom: 5px solid #f6c63d;
}
.finished .reg_tab {
    padding: 30px 0 15px;
    border-bottom: 5px solid #f6c63d;
    color:#000;
}

ul#termine_ul_tabs li {
    width: 25%;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}
ul#termine_ul_tabs li.active {
    color: #000;
}
.row.reg_form_row.first {
    padding: 60px 0 20px;
}
.row.reg_form_row {
    padding: 20px 0 20px;
}
.row.termine_form_row.first {
    padding: 60px 0 20px;
}
.row.termine_form_row {
    padding: 20px 0 20px;
}
input {
    outline: none;
    font-family: 'Circular_normal';
    font-size: 16px;
}
input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px #fff !important;
}
.reg_label {
    line-height: 1;
}
.weiter_reg{
    width: 175px;
    border: 1px solid #ff0000;
    background: #ff0000;
    padding: 8px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
}
.backspan{
    cursor: pointer;
}
.pointer{ cursor:pointer}
.weiter_reg:hover{
    border: 1px solid #ff0000;
    background: #d90303;
}
.border_top_bottom {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 15px 30px 0 0;
    position: relative;
}
.mlp_5{
    margin-left: 5%;
}
.floatleft{
    float: left;
}
.width30 {
    width: 30%;
}
.width65 {
    width: 65%;
}
span#reg_eye {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
span.agreed_label_span {
    padding-left: 10px;
    padding-right: 60px;
    line-height: 1.5;
    margin-top: -11px;
}
div#adressdaten {
    border: 1px solid #ccc;
    padding: 15px;
    font-size: 16px;
    color:#000;
}
div#contactdaten {
    border: 1px solid #ccc;
    padding: 15px;
    font-size: 16px;
    color:#000;
}
.reg_span1 {
    float: left;
    width: 110px;
}
div#agreed_err {
    padding-left: 55px;
}
div#registration_mess_ok {
    border: 1px solid #00a542;
    padding: 10px;
    font-size: 14px;
    display:none
}
div#registration_mess_wrong {
    border: 1px solid #da0e02;
    padding: 10px;
    font-size: 14px;
    display:none
}
div#registration_mess_already {
    border: 1px solid #da0e02;
    padding: 10px;
    font-size: 14px;
    display:none
}
.login{
    width: 110px;
    border: 1px solid #ff0000;
    background: #ff0000;
    padding: 8px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
}
.login:hover{
    border: 1px solid #ff0000;
    background: #d90303;
}
a.grey_small_link {
    font-family: 'Circular_normal';
    font-size: 14px;
    color: #999999;
    font-weight: 500!important;
    #text-decoration: none;
}
a.grey_small_link:hover {
    color: #ff0000;
}
.pt10 {
    padding-top: 10px;
}
.confirmation_ok_mess {
    border: 1px solid #00a542;
    padding: 10px;
    font-size: 14px;
}
#logoutbtn{ cursor:pointer;}
a.black_link_16 {
    color: #000;
}
/****************************************   calendar courses ********************************/
img.atem_images {
    width: 100%;
    margin-bottom: 30px;
}
.content.restore_content{ min-height:350px}

.a.ogange_link {
    color: #fff!important;
}
.yellow_bg_inner a {
    color: #fff!important;
    letter-spacing: 0.6px;
}
.yellow_bg_inner a:hover {
    letter-spacing: 0.8px;
}
.light.cc_dialog button.cc_b_ok {
    color: #fff;
    background-color: #ff0000;
}
.mtt-5 {
    margin-top: 10px!important;
}
.termin_kalender_filter_select {
    float: left;
    width: 100px;
    font-size: 16px;
    margin-right: 15px;
}
.tk_datum{
    color:#fff;
    min-height:160px;
    text-align: center;
    width: 125px;
}
.terminkalender_block {
    padding: 0 15px;
}
img.terminkalender_image {
    width: 120px;
    height: 160px;
}
.tk_image {
    width: 120px;
}
.tk_datum_inside {
    padding: 15px 0;
}
.tk_start_day{
    font-size: 60px;
    font-family: "Circular_normal_bold";
    line-height: 1;
}
.tk_start_month{
    font-size: 16px;
    font-family: "Circular_normal_bold";
    line-height: 1;
}
.tk_start_year{
    font-size: 16px;
    font-family: "Circular_normal_bold";
}
.tk_start_dates {
    font-size: 15px;
    line-height: 2;
}
.tk_description {
    line-height: 1.5;
    max-height: 70px;
    text-overflow:ellipsis;
    overflow:hidden;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
}
.tk_text {
    width: 532px;
}
.tk_text {
    width: 532px;
    height: 160px;
    background: #ecf7f8;
}
.tk_location {
    width: 153px;
    height: 160px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding-top: 15px;
}
.tk_ico {
    position: absolute;
    bottom: 5px;
    cursor: pointer;
}
a.yellow_link {
    color: #f68b23;
    font-size: 14px;
    letter-spacing: 0.8px;
    transition-property: transform;
    transition-duration: 0.9s;
}
a.yellow_link:hover {

    letter-spacing: 1px;
    font-weight: 600;
    transition-property: transform;
    transition-duration: 0.9s;
}
.yellow_link.terminelink{
    text-decoration: none;
    font-size: 16px;
}
.yellow_link.terminelink:hover{
    text-decoration: none;
}
.tk_ico img {
    float: left;
    margin-right: 7px;
}
.tk_ico div {
    padding-top: 5px!important;
    float: left;
}
img.terminkalender_ico_loc {
    width: 22px;
    margin-top: -3px;
    opacity: 0.7;
}
.tk_location_adr {
    font-size: 14px;
    position: absolute;
    border: 15px;
    width: 80%;
    text-align: center;
    bottom: 10px;
}
.lg{ display:block}
.sm{ display:none}
.sm-lr-0 {
    padding-left: 0;
}
div#terminkalender_filter_send {
    font-size: 16px;
    color: #000;
    position: absolute;
    right: -64px;
    top: 6px;
    cursor:pointer;
    text-decoration: underline;
}
div#terminkalender_filter_send:hover {
    font-size: 16px;
    color: #ff0000;
}
div#terminkalender_filter_clear {
    font-size: 16px;
    color: #000;
    position: absolute;
    right: -240px;
    top: 6px;
    cursor: pointer;
    text-decoration: underline;
}
div#terminkalender_filter_clear:hover {
    color: #ff0000;
}
.flexy{
	position: relative;
	display: flex;
}
.flexy div#terminkalender_filter_send, .flexy div#terminkalender_filter_clear{
	position: relative;
	right: auto;
	margin: 0 40px 0 10px;
	top: 3px;
}
.flexy .nice-select{
	position: relative;
	border:none;
	height: 32px;
}
.flexy .nice-select .list{
	left: auto;
	margin: 0;
}
.flexy .nice-select::after{
	top: 12px;
	right: 0;
}
@media (max-width: 768px) {
	.flexy{
		flex-direction: column;
		margin-bottom: 10px;
	}
	.flexy div#terminkalender_filter_send, .flexy div#terminkalender_filter_clear {
		top: 0px;
		left: 0 !important; 
		margin: 10px 40px 0 20px;
	}
}
/***************************************************************************/
/***************************************************************************/
/***************************************************************************/
/***************************************************************************/
/***************************************************************************/
/***************************************************************************/


.ullist {
    margin-left: 20px;
    padding-bottom: 10px;
}
#offnungzeiten_table td:nth-child(2){
    padding-left:15px;
}
li.menu-link_mob {
    position: relative;
}
.home_slide.dark:before{
	content:'';
	width:100%;
	height:100%;
	display:block;
	background: linear-gradient(119deg, #292929 -12.72%, rgba(0, 0, 0, 0.00) 58.48%);
	position:absolute;
	top:0;
	left:0;
}
.home_slide.light:before{
	content:'';
	width:100%;
	height:100%;
	display:block;
	background: linear-gradient(119deg, #FFF -0.36%, rgba(255, 255, 255, 0.00) 76.78%);
	position:absolute;
	top:0;
	left:0;
}
.home_slide.dark > .main_slider_title1 {
    color: #fff;
    font-family: 'Circular_normal';
    font-family: "Circular_normal_bold";
    #text-shadow: none;
    font-weight: 600;
    left: 42px;
    top: 45px;
    letter-spacing: 0.3px;
}
.home_slide.dark > .main_slider_title2 {
    color: #fff;
    font-family: 'Circular_normal';
    font-family: "Circular_normal_bold";
    #text-shadow: none;
    font-weight: 600;
    left: 42px;
    top: 84px;
    letter-spacing: 0.3px;
}
.home_slide.dark > .main_slider_title3 {
    color: #a7b41d;
    font-family: 'Circular_normal';
    font-family: "Circular_normal_bold";
    #text-shadow: none;
    font-weight: 600;
    font-size: 26px;
    left: 42px;
    top: 125px;
    letter-spacing: 0.3px;
}
.home_slide.light > .main_slider_title1 {
    color: #141313;
    font-family: 'Circular_normal';
    font-family: "Circular_normal_bold";
    #text-shadow: none;
    font-weight: 600;
    left: 42px;
    top: 45px;
    letter-spacing: 0.3px;
}
.home_slide.light > .main_slider_title2 {
    color: #141313;
    font-family: 'Circular_normal';
    font-family: "Circular_normal_bold";
    #text-shadow: none;
    font-weight: 600;
    left: 42px;
    top: 84px;
    letter-spacing: 0.3px;
}
.home_slide.light > .main_slider_title3 {
    color: #a7b41d;
    font-family: 'Circular_normal';
    font-family: "Circular_normal_bold";
    #text-shadow: none;
    font-weight: 600;
    font-size: 26px;
    left: 42px;
    top: 125px;
    letter-spacing: 0.3px;
}











@media screen and (min-width: 1921px){
    body.light_elements {
        background-image: url(../images/main_bg.png);
        background-position: right top;
        background-repeat: repeat-y;
        transition-duration: 0.1s;
        transition-property: background;
        background-size: contain;
    }
    body.dark_elements  {
        background-image: url(../images/filter_bg.png);
        background-position: right top;
        background-repeat: repeat-y;
        transition-duration: 0.1s;
        transition-property: background;
        font-size:16px;
        line-height: 1.5;
        background-size: contain;
    }
}
@media screen and (min-width: 64em){
    .wv-wrapper.wv-circle-small {
        margin-top: 0;
        margin-right: 0;
        position: relative;
        width: 45px;
        float: right;
    }
}
@media screen and (min-width: 1025px){

    span.acc_icon_span:hover {
        #border: 2px solid #ff0000;
        #right: 9px;
    }
    .acc-title:hover .acc_icon_span {
        #border: 2px solid #ff0000;
        #right: 9px;
    }
	.home_slide {
		height: 350px;
	}
}
@media (max-width:1024px){
    .container{
        width:100%;
    }
    .footer_widget_wrapper {
        min-height: auto;
    }
    .border-right-white {
        border-right: none;
    }
    footer {
        padding-bottom: 30px;
    }
    .copyright.text-right {
        text-align: left;
        font-size: 12px;
    }
    .footer_widget {
        list-style: none;
        padding-left: 0;
        line-height: 2;
    }
    span.glyphicon.glyphicon-menu-left.home_slider_arrow_left {
        top: 80px;
    }
    span.glyphicon.glyphicon-menu-right.home_slider_arrow_right {
        top: 80px;
    }
    .bome_slider_actuelles_block {
        max-height: inherit;
    }
    img.home_slide {
        max-height: inherit;
        width: 100%!important;
        max-width: 100%;
        min-width: 100%;
    }
    .sub-menu .subsub_ul li {
        padding: 10px 0 5px 21px;
        width: 100%;
    }
    .sub-menu .subsub_ul li:hover {
        padding: 10px 0 5px 21px;
        width: 100%;
    }
    .sub-menu .subsub_ul li:active {
        padding: 10px 0 5px 21px;
        width: 100%;
    }
    .home_aktuelles_button {
        text-align: center;
        padding: 15px 0;
    }
    img.forrounded {
        width: 70%;
        margin: 0 auto;
    }
    .menuitem.d_white.inside {
        text-align: center;
    }
    div#terminkalender_filter_send {
        font-size: 16px;
        color: #000;
        position: absolute;
        right: auto;
        left:75%;
        top: 6px;
        cursor: pointer;
        text-decoration: underline;
    }
    .container {
        width: 99%;
    }
    body{
        background-image:none;
    }
    body.dark_elements  {
        background-image: none!important;
    }

    body.light_elements  {
        background-image: none!important;
    }
    .container.pprr {
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media (max-width:768px){
	.tflex {
		flex-direction: column;
	}
    div#search_submit_mo3 {
        font-size: 18px;
        margin-top: -18px;
    }
    img.infobox_right_arrow {
        position: absolute;
        right: 15px;
        top: 10px;
    }
    .content {
        min-height: auto;
    }
    a#pl_f {
        font-size: 10pt;
        display: none;
    }
    a#mn_f {
        display: none;
    }
    span.glyphicon.glyphicon-menu-right.home_slider_arrow_right {
        top: 45%;
    }
    span.glyphicon.glyphicon-menu-left.home_slider_arrow_left {
        top: 45%;
    }
    .make_less_more_title {
        color: #000;
        display: none;
    }
    form#frm_search {
        width: auto;
        margin-right: 75px;
    }
    img#sitelogo {
        width: 128px;
        margin-left: 10px;
    }
    .logo_text {
        line-height: 1;
    }
    .home_menu_section_mob {
        margin-bottom: -10px;
        padding: 0 20px;
    }
    .container_header {
        padding-top: 17px;
        padding-bottom: 0;
        background-image: url(../images/header_bg.jpg);
        background-position: left top;
        background-repeat: no-repeat;
        background-size: inherit;
    }
    .home_main_nav_mob {
        font-size: 20px;
        padding: 20px;
        color: #fff;
        border-bottom: 1px solid #f0f0f0;
    }

    .nav_sub_title_mob {
        padding: 10px 40px 10px 60px;
        color: #fff;
        font-size: 18px;
        #border-bottom: 1px;
        background: #fff;
        width: 90%;
        background: #008389;
    }
    .subs_mega_wrapper_mob {
        background: #008389;
        border-bottom: none;
    }
    .home_main_nav_mob {
        font-size: 18px;
        padding: 15px 20px;
        color: #fff;
        border-bottom: 1px solid #f0f0f0;
        background: #008389;
    }
    .menu-link_mob:last-child .home_main_nav_mob{
        border-bottom: none;
    }
    .home_main_nav_mob:hover {
        text-decoration: none!important;
    }
    .menu-link_mob a:active {
        text-decoration: none!important;
    }
    .menu-link_mob a:hover {
        text-decoration: none!important;
    }
    .menu-link_mob a:hover div{
        text-decoration: none!important;
    }
    .menu-link_mob a:active div{
        text-decoration: none!important;
    }
    .subsub_block_mob {
        background: #fff;
    }
    ul.subsub_ul_mob li {
        padding: 10px 10px 10px 100px;
        border-bottom: 1px solid #f0f0f0;
    }
    ul.subsub_ul_mob a {
        color: #008389;
        font-size: 16px;
    }
    .sub-menu_mob {
        display: none;
    }

    .subsub_block_mob{ display:none}
    span.mob_menu_icon_span {
        position: absolute;
        right: 25px;
        top: 0px;
        font-weight: 600;
        /* border: 2px solid #ff0000; */
        border-radius: 50%;
    }
    span.mob_menu_icon_span img {
        width: 40px;
        height: 50px;
    }
    footer {
        width: 99%;
    }
    .info_title {
        padding: 16px 10px;
    }
    .col_for_menu {
        display: none;
        z-index: 15;
        background: #008488;
    }
    .footer_widgets .col-lg-3.col-md-3.col-sm-3 {
        padding-right: 0!important;
        width: 23%;
    }
    .unsere_jugendfeuerwehr_title.parttitle {
        padding-left: 30px;
    }
    .unsere_jugendfeuerwehr_text {
        padding-left: 30px;
    }
    .container.pprr {
        padding-left: 20px;
        padding-right: 20px;
    }
    .row.macht_row img {
        width: 100%;
        height: 260px;
    }
    .yellow_bg_inner {
        padding: 1px 15px 40px;
        height: 260px;
        font-size: 16px;
        text-align: center;
    }
    .yellow_bg_left .yellow_bg_inner {
        padding: 5px 15px 40px;
        height: 260px;
        font-size: 14px;
        text-align: center;
        background: #ff8b37;
        color: #fff;
    }
    .yellow_bg_2 .yellow_bg_inner {
        padding: 12px 15px 40px;
        height: 260px;
        font-size: 14px;
        text-align: center;
        background: #ff8b37;
        color: #fff;
    }
    .container.pprr.macht {
        padding-left: 20px;
        padding-right: 35px;
    }
    ul#navbar-nav {
        /* margin: 0 20px 0; */
        width: 100%;
    }
    .sub-menu_mob {
        padding: 0 20px 0 0;
    }
    span.mob_menu_icon_span img {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 20px;
    }
    .home_news_section {
        text-align: left;
    }
    .menuitem.d_white:hover div {
        text-align: center;
    }
    .home_main_nav.aktuelles_nav {
        text-align: center;
        padding-bottom: 15px;
    }
    .home_aktuelles .menuitem.d_white {
        padding-bottom: 0;
    }
    .home_aktuelles_date{
        font-size: 15px;
    }
    .home_aktuelles_title {
        font-size: 18px;
        padding: 0 14px;
    }

    .home_aktuelles_mehr {
        font-size: 18px;
    }
    img.aktuelles_mehr_arrow {
        position: absolute;
        right: 0px;
        top: 22px;
        z-index: 99999;
    }
}
@media (max-width:767px){
    .cc_dialog.interstitial {
        right: 0;
        bottom: 0;
        max-width: 100%!important;
        position: fixed;
    }
    .ihre_part_text{
        padding-left: 15px;
        padding-top:15px;
    }
    .ihre_partner_content .margin45_35 {
        margin: 17px 0 35px;
    }
    img.infoblock_img {
        width: 100%;
        height: auto;
    }
    span.kontrast-normal {
        position: absolute;
        top: 45px;
        right: 0px;
        color: #fff;
    }
    .fast_links {
        padding: 15px 0 15px;
    }
    .footer_widget {
        list-style: none;
        padding-left: 0;
        line-height: 2;
    }
    #footer_widget1 {
        padding-left: 0;
    }
    span.glyphicon.glyphicon-menu-left.home_slider_arrow_left {
        top: 80px;
    }
    span.glyphicon.glyphicon-menu-right.home_slider_arrow_right {
        top: 80px;
    }
    .footer_widget h4 {
        font-size: 24px;
    }
    .footer_widget li a {
        color: #fff;
        font-size: 18px;
    }
    ul#footer_widget4 li {
        font-size: 18px;
    }
    .home_aktuelles_short {
        font-size: 16px;
        color: #666;
        text-overflow: initial;
        overflow: initial;
        max-height: initial;
        display: block;
        -webkit-line-clamp: auto;
        -webkit-box-orient: inherit;
    }
    .home_aktuelles_title {
        font-size: 18px;
        font-family: 'Circular_normal';
        text-overflow: inherit;
        max-height: 99px;
        display: block;
        -webkit-line-clamp: inherit;
        -webkit-box-orient: initial;
        padding: 0 14px;
        line-height: 1;
    }
    .home_aktuelles_mehr {
        font-size: 18px;
    }
    img.forrounded {
        width: 100%;
        margin: 0 auto;
    }
    .home_aktuelles_button {
        padding: 15px;
    }
    .home_fast_link_text_mo {
        line-height: 2;
        font-size: 16px;
        padding: 0 0 0 20px;
    }
    .info_title {
        padding: 2px 10px;
        font-size: 21px;
    }
    .info_mehr {
        font-family: 'Circular_italic';
        padding: 3px 0 10px 15px;
        color: #f3b200;
        font-size: 17px;
    }

    form#registration_atem_form {
        position: relative;
        padding: 0 15px;
    }
    .col-lg-3.fs16.black.reg_label {
        padding-left: 0;
        padding-bottom: 20px;
    }
    .tab-content .form-control {
        height: 56px;
        padding: 10px 12px;
        font-size: 14px;
    }
    .tab-content span#reg_eye {
        top: 16px;
    }
}
@media (max-width:640px){
    img.menu_mob_button {
        width: 30px;
        position: absolute;
        right: 12px;
        top: 15px;
    }
    .sli_left.slick-arrow {
        display: none;
    }
    .sli_right.slick-arrow {
        display: none;
    }
    table.accord_table td  {
        display:block;
    }
    table.accord_table td:nth-child(1) {
        width: 100%;
        padding-top: 5px;
    }
    .accord_table td:nth-child(1) img {
        padding-bottom: 20px;
        width: 100%;
    }
    table.accord_table td:nth-child(2) {
        padding-left: 0;
    }
}
@media (max-width:414px){
    .lg{ display:none}
    .sm{ display:block}
    .col-lg-3.col-md-3.col-sm-3.col-xs-3.acc_left.l-0 {
        width: 100%;
    }
    .home_aktuelles_title {
        font-size: 16px;
        padding: 0 62px 15px 14px;
        line-height: 1;
    }
    .menuitem.d_white {
        padding-left: 0;
        border-bottom: 1px dotted #444;
        margin-bottom: 15px;
    }
    .main_slider_title{ 
		font-size: 20px;
	}
	.home_slide.dark > .main_slider_title1, .home_slide.light > .main_slider_title1 {
		font-size: 24px;
		left: 20px;
		top: 45px;
    }
	.home_slide.dark > .main_slider_title2, .home_slide.light > .main_slider_title2 {
		font-size: 24px;
		left: 20px;
		top: 75px;
	}
	.home_slide.dark > .main_slider_title3, .home_slide.light > .main_slider_title3 {
		font-size: 20px;
		left: 20px;
		top: 105px;
	}
    .container_header {
        padding-top: 17px;
        padding-bottom: 17px;
        background-image: url(../images/header_bg.jpg);
        background-position:-160px;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .logo_text {
        line-height: 1.3;
        margin-top: 19px;
        color: #000;
        font-size: 16px;
        margin-left: 30px;
        display: none;
    }
    form#frm_search #search {
        height: 17px;
        width: 220px;
        margin-top: 6px;
        border: #fff;
        color: #999;
        padding: 2px;
        z-index: 500;
        outline: none;
    }
    .home_main_nav {
        font-size: 18px;
        color:#fff
    }

    .fast_links a .home_fast_link_text {
        letter-spacing: 1px;
        font-size: 15px;
        float: left;
        padding-left: 0;
        text-decoration: none;
        padding: 15px 0;
    }
    .fast_links a div .home_fast_link_text{
        text-decoration:none!important;
    }
    .fast_links a .home_fast_link_text:hover {
        font-weight: 600;
    }

    .home_menu_section li {
        float: none;
        width: 100%;
        padding: 15px 0;
        text-align: center;
        color: #fff;
    }
    form#frm_search {
        text-align: right;
    }
    .container{
        width:100%;
    }
    .footer_widget_wrapper {
        min-height: auto;
    }
    .border-right-white {
        border-right: none;
    }
    footer {
        padding-bottom: 30px;
    }
    .copyright.text-right {
        text-align: left;
        font-size: 12px;
    }
    .footer_widget {
        list-style: none;
        padding-left: 0;
        line-height: 2;
    }
    #footer_widget1 {
        padding-left: 0;
    }
    span.glyphicon.glyphicon-menu-left.home_slider_arrow_left {
        display:none
    }
    span.glyphicon.glyphicon-menu-right.home_slider_arrow_right {
        display:none
    }
    .footer_widget h4 {
        font-size: 26px;
        text-transform: uppercase;
    }
    .footer_widget li a {
        color: #fff;
        font-size: 16px;
    }
    ul#footer_widget4 li {
        font-size: 18px;
    }
    form#frm_search .title_bold {
        text-align: left;
    }
    #search_page_form .search_field {
        width: 240px;
    }
    div#search_page_form #frm_search {
        width: 320px;
    }
    .home_fast_icon {
        display: none;
    }
    .home_fast_link_text {
        width: 100%;
        text-align: center;
    }
    .fast_links_sep_wrapper {
        border-bottom: 1px solid #f0f0f0;
        padding: 15px 0;
    }
    .fast_links {
        padding: 0;
    }
    .acc-title {
        position: relative;
        overflow: inherit;
        border-top: 1px dotted #888;
        padding: 15px 55px 15px 0;
    }
    .acc_icon_span {
        right: 0;
        top: 10px;
    }
    .acc_right {
        padding-left: 0;
        text-align: left;
        padding-top: 20px;
    }
    .row.footer_widgets a {
        line-height: 2;
    }
    a.no_underline.hvr-underline-from-left img {
        margin-top: 8px;
    }
    .container.pprr {
        padding-left: 25px;
        padding-right: 20px;
    }
    .row.macht_row div {
        padding: 0 0 0 15px;
    }
    .row.macht_row .yellow_bg {
        margin: 10px 0 0 15px;
    }
    .row.macht_row img {
        margin-top: 10px;
    }
    .yellow_bg_inner {
        padding-top: 40px;
    }
    .timelinerow .timeline_text{
        padding-left: 17px;
    }
    form#termine_form {
        position: relative;
        padding: 0 15px;
    }
    ul#reg_ul_tabs li {
        width: 100%;
        display: none;
    }
    ul#reg_ul_tabs li.active {
        display: block;
        text-align: left;
    }
    ul#termine_ul_tabs li {
        width: 100%;
        display: none;
    }
    ul#termine_ul_tabs li.active {
        display: block;
        text-align: left;
    }
    span.tabs_nummer.sm {
        float: right;
        color: #f3c418;
    }
    input#reg_pers_surname {
        margin-top: 20px!important;
    }
    span.agreed_label_span {
        padding-left: 10px;
        padding-right: 0;
        line-height: 1.5;
        margin-top: -4px;
    }
    .weiter_reg {
        width: 100%;
        padding: 15px;
    }
    .yellow_bullet {
        margin-left: 0;
    }
    .red_bullet {
        margin-left: 0;
    }
    form#loginform {
        padding: 20px;
    }
    h1.page_title {
        font-size: 27px;
    }
    .panel-body {
        padding-right: 20px;
    }
    .fahr_img {
        width: 100%;
        height: 210px;
    }
    .fahr_title_wraper {
        padding-left: 0;
        padding-top: 15px;
    }
    ul#profile_menu li {
        font-size: 18px;
        border-bottom: 1px solid #ccc;
    }
    .profile_container .border_top_bottom {
        padding: 15px 0 0 0;
    }
    .profile_container .tab-content {
        padding: 0 15px;
    }
    .profile_container .right_prof_menu {
        border-left: none;
    }
    .profile_container .reg_label {
        font-size: 18px!important;
        font-weight: 600;
    }
    .profile_container .form-control {
        font-size: 16px;
    }
    li#prof_tablink4 {
        border-bottom: 2px solid #000!important;
    }
    .us_data_links a.grey_small_link {
        font-size: 20px;
        color: #000;
        font-weight: 500!important;
    }
    form#loginform {
        padding: 20px;
        #padding-top: 0;
    }
    .row.reg_form_row.first {
        padding: 30px 0 20px;
    }
    #contact_form .mtt-5 {
        margin-top: 10px!important;
        margin-left: 14px!important;
        margin-bottom: 10px!important;
    }
    input#sendsend {
        margin-top: 60px;
    }
    .home_fast_link_text_mo {
        line-height: 2;
        font-size: 13px;
        padding: 0 0 0 20px;
    }
    .fast_links_sep_wrapper.www {
        border-bottom: 1px solid #9e9e9e;
        min-height: 83px;
    }
     .fast_links_sep_wrapper {
        min-height: 83px;
    }
}
ul{
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.instalink{
    opacity:0.7;
}
.instalink:hover{
    opacity:1;
}
.modal-content {
    padding: 20px 20px;
    margin-top: 100px;
}

.forpupupleft {
    padding-right: 20px!important;
}
.panel-heading a.collapsed::after {
    display:none
}
ol ::marker {
    font-weight: 600;
}
.panel-heading a::after {
    content: "";
    dfisplay:none
}
.no_underline{
    text-decoration: none;
}
.no_underline:hover{
    text-decoration: none;
}


@supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) {

    ul.subsub_ul li {
        margin-bottom: 0px;
    }
    .ddd.zzz {
        margin-left: 1px;
    }
    ul{
        padding-left: 0;
    }
    ul.ul_ss {
        margin-left: 0;
    }
}