/* !!!!!!!!!!!!!!!!!!!!!!!!!! */
/* Hack für Softrelaunch      */

section.section-page-body
{
margin-bottom:60px;	
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!! */

div.row-container
{
position:relative;
height:400px;	
}
div.row-container div
{
display:flex;
position:relative;
align-items:stretch;
height:100%;
margin-top:20px;
margin-bottom:20px;		
}
div.mini-teaser
{
display:flex;
flex-direction:column;
justify-content:space-between;
border-bottom:1px solid #808080;
}
div.mini-teaser a.btn-details
{
justify-content:space-between;
padding-top:5px;
margin-top:10px;
border-top:1px solid #808080;
border-radius:0;
}
div.mini-teaser a.btn-details:after
{
width:30px;
height:30px;
font-size:0.9em;
}
div.mini-teaser>span.image
{
font-size:4em;
color:#aad406;
text-align:center;	
}
div.mini-teaser span.headline
{
font-family:'Quicksand';	
font-size:2em;
color:#808080;
text-align:center;	
}
div.mini-teaser>div.textpanel
{
display:flex;
flex-direction:column;
justify-content:space-between;	
}
div.mini-teaser>div.textpanel span
{
width:100%;	
}
div.mini-teaser span.text,
div.mini-teaser span.footer
{
text-align:center;
padding:15px;	
}

a.btn-follow-up
{
margin-top:15px;
display:flex !important;
flex-direction:column;
align-items:center;
font-size:0.7em;
color:#404040;
}
a.btn-follow-up:hover
{
text-decoration:none !important;
}
a.btn-follow-up:before
{
font-family:'Font Awesome 5 Free';
font-weight: 900;
content:"\f138";
font-size:5em;	
}
a.btn-follow-up:hover::before
{
text-decoration:none !important;
}
/* @@ articlebody */
div.articlebody
{
display:flex;
flex-direction: column;	
}
div.article-header
{
margin-bottom:10px;
_border-bottom:1px solid #808080;
font-size:0.9em;	
}
div.articlebody-mainpanel div.item-intro-text
{
margin:30px 0;
}
div.articlebody-mainpanel div.item-intro-text p
{
font-size:1.4em;
color:#808080;	
}
div.articlebody-mainpanel h2
{
font-size:2em;
margin-top:20px;	
}
div.articlebody-mainpanel h3
{
font-size:1.3em;	
}
div.articlebody-sidebar div.panel-nameblock,
div.articlebody-sidebar div.panel-imageblock,
div.articlebody-sidebar div.panel-linkblock
{
	
}
div.articlebody-sidebar div.panel-infoblock p
{
font-size:0.9em;
padding:0 10px;	
}
@media(min-width:768px)
{
-div.articlebody-mainpanel
{
width:69%;
margin-right:1%;
padding-right:15px;	
}

div.articlebody-sidebar
{
justify-content:flex-start;	
width:30%;	
}
img.full-width
{
width:100%;
height:auto;
}
}
@media(min-width:996px)
{
div.articlebody
{
display:flex;
flex-direction: row;	
}

-div.articlebody-mainpanel
{
width:74%;
margin-right:1%;
padding-right:15px;	
}	
div.articlebody-sidebar
{
width:25%;	
}
}
@media(min-width:1400px)
{
-div.articlebody-mainpanel
{
width:74%;
margin-right:1%;
padding-right:15px;	
}
div.articlebody-mainpanel h2
{
margin: 30px 5%;	
}
div.panel-author_person
{
width:30%;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;	
}
div.panel-author_addon
{
width:70%;	
padding-left:10%;	
}
div.panel-author_person a.btn
{
width:50%;	
}

div.articlebody-mainpanel h2
{
font-size: 3em;
}
div.articlebody-mainpanel h3,
div.articlebody-mainpanel h4,
div.articlebody-mainpanel div.item-body-text p,
div.panel-author
{
width: 70%;
margin-left:15%;	
}

div.articlebody-mainpanel h3
{
font-size:1.7em;	
}
div.articlebody-mainpanel p
{
font-size:1.2em;
color:#606060;	
}		
div.articlebody-sidebar
{
width:25%;
background-color: transparent;	
}
}
div.body-navigation
{
display:flex !important;
justify-content:space-between;
-border-top:1px solid #808080;
-border-bottom:1px solid #808080;
margin:30px 0;	
}
div.body-navigation a
{
display:flex;
flex-direction:row;
font-size:0.8em;
margin:5px 0;
}
div.body-navigation a:hover
{
font-weight:bold;	
}
div.body-navigation a:before::hover,
div.body-navigation a:after::hover,
div.body-navigation a:before::focus,
div.body-navigation a:after::focus
{
text-decoration:none;
color:#FFF !important;	
}
div.body-navigation a:before,
div.body-navigation a:after
{
color:#FFF !important;
padding:0 5px;
font-size:2.4em;	
}
a.next,
a.next-back
{
justify-content:flex-end;	
width:45%;	
text-align:right;	
}
a.prev,
a.prev-back
{
justify-content:flex-start;		
width:45%;	
text-align:left;	
}
a.next:before,
a.next-back:before,
a.prev:after,
a.prev-back:after
{
display:none;	
}
a.prev:before,
a.prev-back:before
{
margin-right:5px;	
}
a.next:after,
a.next-back:after
{
margin-left:5px;	
}
a.prev:before
{
font-family:'Font Awesome 5 Free';
font-weight: 900;
content:"\f060" !important;

}
a.next:after
{
font-family:'Font Awesome 5 Free';
font-weight: 900;
content:"\f061" !important;
}
a.next-back:after,
a.prev-back:before
{
font-family:'Glyphicons Halfings';

font-weight: 900;
content:"\e011" !important;


padding:0 6px !important;
}
/* @@soc-media-bar */
div.article-soc-media-bar
{
margin-top:30px;	
}
p.label-soc-media-bar
{
text-align:center;
font-size:0.8em;	
}
/* accordionlist */
div.articlebody-mainpanel div.panel-accordionlist
{
display:flex;
justify-content:center;	
}
div.panel-accordionlist div.list-container,
div.panel-accordionlist ul
{
width:100%;
padding:0;
position:relative;
}
div.panel-accordionlist div.list-container
{
_border:1px solid #c4c4c4;
margin-bottom:15px;	
}
div.panel-accordionlist li
{
width:100%;
list-style-type:none;
position:relative;	
}
div.panel-accordionlist div.img-center-zoomed
{
width:40%;
max-height:100px;
}
@media(min-width:667px)
{
div.articlebody-mainpanel div.panel-accordionlist
{
flex-direction:row;
flex-wrap:wrap;
}
div.panel-accordionlist div.img-center-zoomed
{
max-height:120px;
}
}
@media(min-width:768px)
{
div.panel-accordionlist div.list-container
{
width:48%;
margin:0 1%;
}	
}
@media(min-width:996px)
{
div.panel-accordionlist div.list-container
{
width:32%;
margin:0 1%;
}
div.panel-accordionlist div.img-center-zoomed
{
max-height:150px;
}	
}
span.drp-down:before
{
font-family:'Font Awesome 5 Free';
font-weight: 900;
content:"\f103";	
}
div.panel-accordionlist button
{
poistion:relative;	
display:flex;
justify-content:flex-start;
align-items:stretch;
width:100%;
background-color:#FFF;
border:0;
border-bottom:1px dotted #c4c4c4;
padding:10px 10px 10px 0;
}
div.panel-accordionlist div.img-center-zoomed
{
width:40%;
}

div.panel-accordionlist div.button-text
{
display:flex;

width:60%;
padding-left:10px;
flex-direction:column;
align-items:flex-start;	
}

div.panel-accordionlist div.button-icon
{
display:flex;
width:15%;
justify-content:center;
align-items:center;	
}
div.panel-accordionlist div.button-text span
{
text-align:left;	
}
div.panel-accordionlist span.title-text
{
margin-top:10px;	
min-height:40px;	
}
div.panel-accordionlist div.introtext
{
background-color:#FFF;
padding:10px;
margin-bottom:5px;	
}
div.panel-accordionlist div.item-intro-text p
{
font-size:1em;	
}
/*@@ panel author */
div.panel-author
{
display:flex;
}
@media(min-width:768px)
{
div.panel-author
{
flex-direction:row;
flex-wrap:wrap;
}
div.panel-author_person
{
width:35%;	
}
div.panel-author_addon
{
width:65%;
padding-left:5%;	
}
}
div.panel-author_header
{
width:100%;	
}
div.panel-author_header h3,
div.accordionlist-header h3
{
margin-left:0;
width:100%;	
}
div.panel-author div.img-center-zoomed
{
height: 150px;
}
@media(min-width:768px)
{
div.panel-author div.img-center-zoomed
{
height: 120px;
}
}	
@media(min-width:996px)
{
div.panel-author div.img-center-zoomed
{
height: 140px;
}
div.panel-author_addon
{
padding-right:10%;	
}	
}
@media(min-width:1280px)
{
div.panel-author div.img-center-zoomed
{
height:160px;
}
div.panel-author_addon
{
padding-right:0;	
}	
}
div.panel-author_person
{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-around;	
}
div.panel-author div.tile
{
font-size:0.8em;

}
div.panel-author div.tile a
{
flex-direction:row;		
}
div.panel-author div.tile a:before
{
margin-right:5px;		
}
/*@@ tagpanel-maintags */
div.item-maintags
{
min-height:20px;	
}
span.placeholder,
a.maintag
{
font-size:1.1em;
color:#808080;	
}
a.maintag:before,
a.itemtag:before,
span.placeholder:before
{
font-size:1em;	
content:"#";
}
span.placeholder:before
{
color:transparent !important;	
}