.row{ display: flex; flex-wrap: wrap; background-color: #ffffff; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; max-width: 800px !important; justify-content: space-between;}
.article_wrap{display: flex;
    /* flex-wrap: wrap; */
    height: 1500px;
    flex-flow: column wrap;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 800px !important;
    justify-content: flex-start;
    align-content: space-evenly;}
.article_wrap .element_4{margin-right: 15px; width: 30%; flex: unset;}

.linke_spalte{padding: 0px; padding-bottom: 20px;}
.linke_spalte_article{padding: 0px; padding-bottom: 20px}
.magazin_links{margin-right: 10px; margin-left: 10px; width: 65%; height: 500px; background-color: #dddddd; float: left;}
.magazin_rechts{width: 32%; height: 500px; background-color: aquamarine; float: left;}

 h1{ font-size: 32px; color: #04859D; width: 100%;font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; font-weight: normal; margin: 10px 0px 10px 10px;}
 h2{ font-size: 22px; color: #04859D; width: 100%; border-bottom: 1px #61C2D2 solid;font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; font-weight: normal; margin: 10px 0px 10px 10px;}
 h3{ font-size: 190x; width: 100%; border-bottom: 1px #61C2D2 solid; width: 100%;font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; font-weight: normal; margin: 10px 0px 10px 10px;}
 h4{ font-size: 18px; width: 100%; color: #666; margin: 5px 0px 10px 10px; }
 h5{ font-size: 16px; width: 100%; color: #666; font-weight: normal; margin: 10px 0px 10px 10px;}

.row h1{ font-size: 32px; color: #04859D; width: 100%; border-bottom: 1px #61C2D2 solid;font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; font-weight: normal;}
.row h2{ align-items: center; display: flex;flex-wrap: wrap;justify-content: space-between; font-size: 26px; padding-bottom: 3px; color: #04859D; width: 100%; border-bottom: 1px #61C2D2 solid;font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; font-weight: normal;}
.row h3{ font-size: 19px; width: 100%; border-bottom: 1px #61C2D2 solid; width: 100%;font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; font-weight: normal;}
.row h4{ font-size: 18px; width: 100%; color: #666; margin: 5px 0px 0px 0px; }
.row h5{ font-size: 16px; width: 100%; color: #666; font-weight: normal; margin: 10px 0px 10px 0px;}

.row h2 span{font-size: 14px; color: #04859D; font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; font-weight: normal;}
.row h2 span a{font-size: 14px; color: #04859D; text-decoration: none;}
.row h2 span a:hover{ color: #61C2D2; text-decoration: underline #61C2D2;}
.row h2 span a i{color: #FF7700;}

.row h1 a{text-decoration: none; color: #04859D; font-weight: normal;}
.row h2 a{text-decoration: none; color: #04859D; font-weight: normal;}
.row h3 a{text-decoration: none; color: #04859D; font-weight: normal;}
.row h4 a{text-decoration: none; color: #04859D; font-weight: bold;}
.row h5 a{text-decoration: none; color: #04859D; font-weight: normal;}


.article_wrap h1{ font-size: 32px; color: #04859D; width: 100%; border-bottom: 1px #61C2D2 solid;font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; font-weight: normal;}
.article_wrap h2{ align-items: center; display: flex;flex-wrap: wrap;justify-content: space-between; font-size: 26px; padding-bottom: 3px; color: #04859D; width: 100%; border-bottom: 1px #61C2D2 solid;font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; font-weight: normal;}
.article_wrap h3{ font-size: 19px; width: 100%; border-bottom: 1px #61C2D2 solid; width: 100%;font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; font-weight: normal;}
.article_wrap h4{ font-size: 18px; width: 100%; color: #666; margin: 5px 0px 0px 0px; }
.article_wrap h5{ font-size: 16px; width: 100%; color: #666; font-weight: normal; margin: 10px 0px 10px 0px;}

.article_wrap h2 span{font-size: 14px; color: #04859D; font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; font-weight: normal;}
.article_wrap h2 span a{font-size: 14px; color: #04859D; text-decoration: none;}
.article_wrap h2 span a:hover{ color: #61C2D2; text-decoration: underline #61C2D2;}
.article_wrap h2 span a i{color: #FF7700;}

.article_wrap h1 a{text-decoration: none; color: #04859D; font-weight: normal;}
.article_wrap h2 a{text-decoration: none; color: #04859D; font-weight: normal;}
.article_wrap h3 a{text-decoration: none; color: #04859D; font-weight: normal;}
.article_wrap h4 a{text-decoration: none; color: #04859D; font-weight: bold;}
.article_wrap h5 a{text-decoration: none; color: #04859D; font-weight: normal;}



.magazin_headline{margin-top: 25px; margin-left: 0px; border-bottom: 1px #61C2D2 solid !important; padding-left: 0px !important;}
.magazin_headline a{text-decoration: none; color: #04859D;}
.magazin_headline a:hover{text-decoration: none; color: #61C2D2;}
/* Elementgrößen */

.element_base{justify-content: flex-start; align-content: flex-start; display: flex; flex-wrap: wrap; height: auto; min-height: 20px; background-color: #fff; margin-bottom: 10px; ;/*padding: 5px 0px 5px 0px; */ position: relative;}
.element_base_shadow{box-shadow: 2px 2px 8px -1px rgba(0,0,0,0.43);}
.element_base_border_red{ border: 1px solid crimson;}
.element_base_border_orange{ border: 1px solid orange;}
.element_base_border_blue{border: 1px solid #c2e5ec;}
.element_base_border_grey{border: 1px solid #ddd;}
.element_base_highlight{background-color: #fafafa!important;}
.element_base_highlight_blue{background-color: #ECF5F7!important;}

.magazin_links div .element_12{margin-bottom: 10px;}

.tags_top li a{color: #FF7700!important;font-weight: bold;}
.tags_top{margin-bottom: 0px !important;}

.element_12{ flex: 0 0 calc(100%);}
.element_11{ flex: 0 0 calc(91.6% - 5px);}
.element_10{ flex: 0 0 calc(83.3% - 5px);}
.element_9{ flex: 0 0 calc(75% - 5px);}
.element_8{ flex: 0 0 calc(66.6% - 5px);}
.element_7{ flex: 0 0 calc(58.3% - 5px);}
.element_6{ flex: 0 0 calc(50% - 5px);}
.element_5{ flex: 0 0 calc(41.6% - 5px);}
.element_4{ flex: 0 0 calc(32% - 5px);}
.element_3{ flex: 0 0 calc(25% - 5px);}
.element_2{ flex: 0 0 calc(16.6% - 5px);}
.element_1{ flex: 0 0 calc(8.3% - 5px);}

.row .element_base h1{border: none; font-size: 23px; padding-left: 10px;  margin: 15px 0px 5px 0px;}
.row .element_base h2{border: none; font-size: 21px; padding-left: 10px;  margin: 15px 0px 5px 0px;}
.row .element_base h3{border: none; font-size: 19px; padding-left: 10px;  margin: 15px 0px 5px 0px;}
.row .element_base h4{ font-size: 17px; padding-left: 5px; padding-right: 10px; /* margin: 15px 0px 5px 10px; */}
.row .element_base h5{ font-size: 15px; padding-left: 10px;  margin: 5px 0px 5px 0px;}

.headline_top_news{position: absolute; bottom: 0; font-size: 16px !important; background: rgba(255, 255, 255, .7); color: #666 !important;/* text-shadow: #666 2px 2px;*/ padding: 10px 0px 0px 0px !important; margin: 0px 0px 0px 0px !important;}
.headline_top_news a{color: #666;
    text-decoration: none;}

    
/*Table */
.table_base{width: 100%; justify-content: flex-start; align-content: flex-start;display: flex; flex-wrap: wrap; height: auto; min-height: 150px; background-color: #fff; margin: 5px 0px 5px 0px; padding-bottom: 0px;}
.table_head{width: 100%; background-color: #04859D; color: white; font-size: 15px; display: flex; justify-content: flex-start; align-content: center; align-items: center;}
.table_head h5{font-size: 15px; font-weight: normal; margin: 15px 10px 15px 10px; color: white;}
.table_row {border-left: #dddddd 1px solid; border-right: 1px solid #ddd; width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.table_row p{font-size: 14px; color: #666; margin: 10px 10px 10px 10px;}

.row_even{background-color: #eee;}

/* Table 1 Colomn */
.table_col_1 .table_row div{width: 100%;}
.table_col_1 .table_head div{width: 100%;}

.table_col_2 .table_row div{width: 50%;}
.table_col_2 .table_head div{width: 50%;}

.table_col_3 .table_row div{width: 33%;}
.table_col_3 .table_head div{width: 33%;}

.table_col_4 .table_row div{width: 25%;}
.table_col_4 .table_head div{width: 25%;}

.table_col_5 .table_row div{width: 20%;}
.table_col_5 .table_head div{width: 20%;}

.table_col_6 .table_row div{width: 16.6%;}
.table_col_6 .table_head div{width: 16.6%;}

.table_col_7 .table_row div{width: 14.2%;}
.table_col_7 .table_head div{width: 14.2%;}

.table_col_8 .table_row div{width: 12.5%;}
.table_col_8 .table_head div{width: 12.5%;}

.table_12{ flex: 0 1 calc(100%);}
.table_11{ flex: 0 1 calc(91.6% - 5px);}
.table_10{ flex: 0 1 calc(83.3% - 5px);}
.table_9{ flex: 0 1 calc(75% - 5px);}
.table_8{ flex: 0 1 calc(66.6% - 5px);}
.table_7{ flex: 0 1 calc(58.3% - 5px);}
.table_6{ flex: 0 1 calc(50% - 5px);}
.table_5{ flex: 0 1 calc(41.6% - 5px);}
.table_4{ flex: 0 1 calc(33.3% - 5px);}
.table_3{ flex: 0 1 calc(25% - 5px);}
.table_2{ flex: 0 1 calc(16.6% - 5px);}
.table_1{ flex: 0 1 calc(8.3% - 5px);}

.element_base img{width: 100%; height: auto;  margin-left: auto;  margin-right: auto;}

.element_base ul{ padding-right: 5px; font-size: 14px; text-align: left;  width: 100%;  margin-top: 10px;  margin-bottom: 5px;}
.element_base ul li{ display: inline-block; padding-right: 5px;}

.element_base .element_tags{ padding-right: 5px; padding-left: 5px; font-size: 12px; text-align: left;  width: 100%;  margin-top: 10px;  margin-bottom: 5px;}
.element_base .element_tags li {padding-right: 3px;}
.element_base .element_tags li a{color: #666; text-decoration: none;}

.element_base .element_tags_presse{ padding-left: 10px; font-size: 12px; text-align: left;  width: 100%;  margin-top: 10px;  margin-bottom: 5px;}
.element_base .element_tags_presse li {padding-right: 3px;}
.element_base .element_tags_presse li a{color: #FF6600; text-decoration: none;}

.element_base .liste_horizontal{display: flex; flex-wrap: wrap; justify-content: flex-start; padding: 10px;}
.liste_center{justify-content: space-evenly !important; display: flex;}
.element_base .liste_horizontal li{ display: inline-block; padding: 10px;}
.element_base .liste_horizontal li a{color: #04859D; text-decoration: none;}
.element_base .liste_horizontal li a:hover{color: #61C2D2; text-decoration: underline #61C2D2;}
.element_base .liste_horizontal i{padding-right: 4px; color: #FF7700;}

.element_base .liste_vertical{display: flex; flex-wrap: wrap; justify-content: flex-start; padding: 10px;}
.element_base .liste_vertical li{ display: block; padding: 10px;}
.element_base .liste_vertical li a{color: #04859D; text-decoration: none;}
.element_base .liste_vertical li a:hover{color: #61C2D2; text-decoration: underline #61C2D2;}
.element_base .liste_vertical i{padding-right: 4px; color: #FF7700;}

.element_base p{line-height: 1.5; word-wrap:break-word;  padding: 0px 10px 0px 10px; font-size: 14px; color: #666; margin: 3px 0px 3px 0px; box-sizing: border-box;}
.element_base a .cta_button{ margin: 5px 10px 10px 10px; padding-left: 10px; padding: 5px 12px 5px 12px; background-color: #FF7700; border-radius: 5px;}
.element_base a .cta_button {color: white; font-weight: bold; font-size: 13px;}
.element_base a .cta_button:hover{background-color: #FF9900;}
.element_base p a{color: #04859D; font-weight: bold;}

.element_base .cta_link a{ font-size: 14px; margin-top: 20px; color: #04859D; font-weight: normal; padding-left: 10px; text-decoration: underline #04859D;}
.element_base .cta_link a:hover{color: #61C2D2; }
.element_base .cta_link{padding-top: 5px; padding-bottom: 10px; width: 100%; margin-top: 5x;}
.element_base .link_right{ width: 100%; margin-top: 10px; margin-right: 10px; text-align: right;}
.element_base .link_right i{   color: #FF7700;}
.element_base .cta_link i{ color: #FF7700; margin-right: 4px;}
.element_center{align-content: center!important;padding-bottom: 0px; margin: 0px;}

.tag_article{ text-shadow: 0 0 0 transparent, 1px 1px 1px rgba(0,0,0,0.3); background-color: rgba(255, 102, 0, 0.75); -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; color: #FFFFFF; font-size: 13px; font-weight: normal; padding: 4px 10px; position: absolute;  top: 0; right: 0;  min-width: 30px;  text-align: right;}
.tag_article a{color: white; text-decoration: none;}
.article_ort{color: #666 !important; font-weight: bold;}
.article_date{color: #666 !important;}
.hashtags a{text-decoration: none; color: #FF6600;    font-size: 15px; padding-left: 5px;}

/*Trennlinien 2px */
.line_1{ flex: 0 0 calc(100% - 5px);  border-bottom: 2px orange solid;  margin-top: 15px; border-radius: 20px; margin-bottom: 15px;}
.line_2{ flex: 0 0 calc(100% - 5px); border-bottom: 2px #FF7700 solid; margin-top: 15px; border-radius: 20px;  margin-bottom: 15px;}
.line_3{flex: 0 0 calc(100% - 5px); border-bottom: 2px #61C2D2 solid; margin-top: 15px; border-radius: 20px; margin-bottom: 15px;}
.line_4{ flex: 0 0 calc(100% - 5px);border-bottom: 2px #04859D solid; margin-top: 15px; border-radius: 20px; margin-bottom: 15px;}
.line_5{ flex: 0 0 calc(100% - 5px); border-bottom: 2px #dddddd solid; margin-top: 15px; border-radius: 20px; margin-bottom: 15px;}

/*Trennlinien 1px */
.line_1_1{ flex: 0 0 calc(100% - 5px); border-bottom: 1px orange solid; margin-top: 15px; border-radius: 20px; margin-bottom: 15px;}
.line_2_2{  flex: 0 0 calc(100% - 5px); border-bottom: 1px #FF7700 solid; margin-top: 15px; border-radius: 20px; margin-bottom: 15px;}
.line_3_3{  flex: 0 0 calc(100% - 5px); border-bottom: 1px #61C2D2 solid; margin-top: 15px; border-radius: 20px; margin-bottom: 15px;}
.line_4_4{flex: 0 0 calc(100% - 5px); border-bottom: 1px #04859D solid; margin-top: 15px;  border-radius: 20px; margin-bottom: 15px;}
.line_5_5{ flex: 0 0 calc(100% - 5px); border-bottom: 1px #dddddd solid; margin-top: 15px; border-radius: 20px; margin-bottom: 15px;}

.themensammlung{width: 100%;}
.themensammlung a{text-decoration: none; padding-right: 10px;}
.themensammlung .thema_1{font-weight: bold; font-size: 27px !important; color: #FF7700;}
.themensammlung .thema_2{font-weight: normal; font-size: 21px !important; color: #61C2D2;}
.themensammlung .thema_3{font-weight: normal; font-size: 18px !important; color: #04859D; font-style: italic;}
.themensammlung .thema_4{font-weight: normal; font-size: 15px !important; color: #FF7700;}
.themensammlung .thema_5{font-weight: normal; font-size: 13px !important; color: #666;}

.werbebanner{ background-color: pink; height: 100px; width: 100%;}
.medium_rec{ width: 300px; height: 250px; background-color: pink;}
.medium_rec_2{ width: 100%; max-width: 250px; height: 200px;  background-color: pink;}
.newsletter .cta_button{margin-right: 10px!important;}
.newsletter h5{ font-size: 19px !important; padding-bottom: 3px; color: #04859D; width: 100%; font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; font-weight: normal;}
.newsletter{ max-width: 300px!important;}
.pushbox{width: 100%; height: 75px; margin-top: 10px; margin-bottom: 10px; background-color: lightblue;}
