/* CSS Document */

/* Flex Box */
.o_flex_row { display:flex; width:100%; max-width:100%; flex-direction:row; flex-wrap:wrap; }

/* Items horizontal positionieren */
.o_jcfs { justify-content:flex-start; } /* links */
.o_jcfe { justify-content:flex-end; } /* rechts */
.o_jcc { justify-content:center; } /* mittig */
.o_jcsb { justify-content:space-between; } /* gleichmäßige Verteilung mit Abständen */
.o_jcsa { justify-content:space-around; } /* gleichmäßige Verteilung auch mit Abstand am Anfang und Ende */
.o_jcsa { justify-content:space-evenly; } /* wie space-araound, nur mit gleichmäßigen Abständen */

/* Items vertikal positionieren */
.o_aifs { align-items:flex-start; } /* oben */
.o_aife { align-items:flex-end; } /* unten */
.o_aic { align-items:center; } /* mittig */
.o_aib { align-items:baseline; } /* alle Items auf der Grundlinie */
.o_ais { align-items:stretch; } /* alle Items gleich hoch */

/* flex-grow: Wachstumsfaktor (1=normalgroßes Element, 2=doppelt so groß wie andere Elemente, 3=etc. */
.o_flex_row .o_grow0 { flex-grow:0; }
.o_flex_row .o_grow1 { flex-grow:1; }
.o_flex_row .o_grow2 { flex-grow:2; }
.o_flex_row .o_grow3 { flex-grow:3; }
.o_flex_row .o_grow4 { flex-grow:4; }
.o_flex_row .o_grow5 { flex-grow:5; }
/* flex-basis: Mindestbreite, wenn kleiner, dann Umbruch des Elements */
.o_flex_row .o_basisauto { flex-basis:auto; }
.o_flex_row .o_basis100 { flex-basis:100px; }
.o_flex_row .o_basis150 { flex-basis:150px; }
.o_flex_row .o_basis200 { flex-basis:200px; }
.o_flex_row .o_basis250 { flex-basis:250px; }
.o_flex_row .o_basis300 { flex-basis:300px; }
.o_flex_row .o_basis350 { flex-basis:350px; }
.o_flex_row .o_basis400 { flex-basis:400px; }


/* Flex-Container */
.o_flex_container { display:flex; flex-direction:row; flex-wrap:wrap; align-items:flex-start; }

/* Flex-Item */
[class*="o_flex_item"] { 
  flex-grow:0;
  flex-shrink:1;
  flex-basis:50%;
  background-color:#ffc;
}




/* Cols */
/*
.o_flex_container [class*="o_cols"] { display:block; margin:1em 1%; padding:0; text-align:justify; }
.o_flex_container [class*="o_cols"] h2 { text-align:center; font-size:1.2em; }
.o_flex_container [class*="o_cols"] figure.o_icon { display:block; margin:.4em auto; width:6em; height:6em; padding:.4em 0;  }
.o_flex_container [class*="o_cols"] figure.o_icon img { display:block; width:100%; height:auto; }
.o_flex_container [class*="o_cols"]:hover figure.o_icon {  }
.o_flex_container a[class*="o_cols"] { color:#000; text-decoration:none; border:.1em solid #ccc; transition:all .3s ease-in-out; }
.o_flex_container a[class*="o_cols"]:hover { border:.1em solid #4ae; }

.o_flex_container .o_cols25 { width:23%; float:left; }
.o_flex_container .o_cols30 { width:28%; float:left; }
.o_flex_container .o_cols33 { width:31.33333333%; float:left; }
.o_flex_container .o_cols50 { width:48%; float:left; }
.o_flex_container .o_cols66 { width:64%; float:left; }
.o_flex_container .o_cols70 { width:68%; float:left; }
.o_flex_container .o_cols100 { width:98%;  }
.o_flex_container [class*="o_cols"] .o_content { padding:1em; }
*/

/* Panel */
/*
.o_flex_container [class*="o_panel"] { position:relative; display:block; padding:0; float:left; color:#666; background-color:#fff; }
.o_flex_container .o_panel2 { width:98%; margin:1em 1%; }
.o_flex_container .o_panel3 { width:98%; margin:1em 1%; }
.o_flex_container .o_panel4 { width:98%; margin:1em 1%; }
*/

/* Image Standard */
/*
.o_flex_container [class*="o_panel"] figure.o_default { display:block; width:100%; height:auto; }
.o_flex_container [class*="o_panel"] figure.o_default img { display:block; width:100%; height:auto; }
*/

/* Image Link */
/*
.o_flex_container [class*="o_panel"] figure.o_link { display:block; width:100%; height:auto; }
.o_flex_container [class*="o_panel"] figure.o_link img { display:block; width:100%; height:auto; }
*/

/* Image Zoom */
/*
.o_flex_container [class*="o_panel"] figure.o_zoom { display:block; width:100%; overflow: hidden; }
.o_flex_container [class*="o_panel"] figure.o_zoom img { display:block; width:100%; height:auto; transition:all 1s ease; filter:gray; -webkit-filter:grayscale(1); }
.o_flex_container [class*="o_panel"] figure.o_zoom:hover img { transform:scale(2); filter:none; -webkit-filter:grayscale(0); }

.o_flex_container [class*="o_panel"] .o_content { position:relative; display:block; padding:1em; line-height:1.1em; font-size:.9em; }
.o_flex_container [class*="o_panel"] .o_content h2 { padding-bottom:1em; color:#000; text-align:center; font-size:1.2em; }

.o_flex_container a[class*="o_panel"] { text-decoration:none; transition:all .3s ease-in-out; }
.o_flex_container a[class*="o_panel"]:hover { border:1px solid rgba(170, 68, 85, 1); }

.o_flex_container [class*="o_panel"] .o_content .o_icon { margin:-1.2em 0 0 .4em; width:2em; height:2em; padding:.4em 0; color:#fff; text-align:center; font-size:2em; background-color:var(--color-dark); border:.1em solid #fff; -webkit-border-radius:50%; -moz-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; transition:all .3s ease-in-out; }
.o_flex_container a[class*="o_panel"]:hover .o_content .o_icon { margin:-1.2em 0 0 2em; }

.o_flex_container [class*="o_panel"] .o_compensation { position:relative; display:block; width:100%; height:3em; }
.o_flex_container [class*="o_panel"] .o_button { position:absolute!important; left:50%; bottom:0; margin-left:-7em; width:14em; }
*/

/* Statement */
/*
.o_flex_container [class*="o_statement"] { position:relative; display:block; margin:1em 1%; padding:0; float:left; color:#666; }
.o_flex_container .o_statement2 { width:48%; }
.o_flex_container .o_statement3 { width:31.33333333%; }
.o_flex_container .o_statement4 { width:23%; }
.o_flex_container [class*="o_statement"] .o_icon { position:absolute; color:var(--color-text); font-size:3em; font-weight:bold; }
.o_flex_container [class*="o_statement"] h2 { color:#333; line-height:1em; font-size:1.2em; }
.o_flex_container [class*="o_statement"] .o_content { display:block; padding:1em; text-align:justify; }

.o_flex_container .o_statement2:nth-child(odd) .o_icon { left:0; }
.o_flex_container .o_statement2:nth-child(even) .o_icon { right:0; }

.o_flex_container .o_statement2:nth-child(odd) h2 { margin:0 0 0 4em; text-align:left; }
.o_flex_container .o_statement2:nth-child(even) h2 { margin:0 4em 0 0; text-align:right; }
.o_flex_container .o_statement3 h2 { margin:0 0 0 4em; text-align:left; }

.o_flex_container .o_statement2:nth-child(odd) .o_content { margin:0 0 0 4em; }
.o_flex_container .o_statement2:nth-child(even) .o_content { margin:0 4em 0 0; }
.o_flex_container .o_statement3 .o_content { margin:0 0 0 4em; }
*/



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


}



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


}



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


}



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


}



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


}


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

  
}
  


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


}



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


}



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


}