/* CSS Document */

* {font-family: 'Open Sans', sans-serif;}
nav .nav-wrapper a {font-size: 0.9em;}
nav .nav-wrapper ul a {padding: 0 9px;}
h1, h2, h3, h4, h5 {font-family: 'Caveat', cursive;}
h1 {font-size: 5vw;}
h2 {font-size: 3vw;}
h3 {font-size: 2vw;}
.no_font {font-family: 'Open Sans', sans-serif;}
  body {
      overflow: auto;
    display: flex;
    min-height: 100.1vh;
    flex-direction: column;
    background-image: url('../images/hg_1.jpg');
    background-repeat: no-repeat;
      background-size: cover;
    background-attachment: fixed;
    /*background-size: cover;*/
  }

  main {
    flex: 1 0 auto;
  }
/* Für die Galerie */
.grid-flex {display: flex;flex-wrap: wrap;}.grid-flex .col {padding: 0.3em;}.square_pic {height: 100%; width: 100%;object-fit: cover;}


.social_link {
    font-size: 1.2em;
    color: #FFF;
    font-weight: bold;
    padding-left: 0.5em;
    line-height: 2.5em;
}
main .container form input {border: 2px solid #000;}
.cke_editor_editor {height: 400px;}
main .container img {
      
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.42);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.42);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.42);    
  
    
}
main .container {
    margin-top: 1.2em;
    margin-bottom: 2em;
    background-color: rgba(255, 255, 255,0.8);
    padding: 0.2em 1.9em;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
    
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.42);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.42);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.42);    
    

}

.logo-text-all {margin-left: 2.5em; font-size: 2.0em !important;}
.logo-text { text-decoration: underline; text-decoration-color: red;}
table tr:nth-child(2n) {background-color: #CCC;}
.img_margin {margin: 0em 2em;}
div.figure {/*float: right;*/}
div.figure p {
    text-align: right;
    font-style: italic;
    font-size: smaller;
    text-indent: 0;
    padding-right: 5%;
    margin-top: -0.1em;
}

.collapsible-body img {max-width: 100%;}
iframe {max-width: 100% !important;}
img.scaled {
  width: 100%;
}

.pic_edit_box {
    
    border: 1px solid #CCC;
    padding: 2.2em;
    margin: 2.2em;
    border-radius: 10%;
}
.color-picker-box {padding: 0.5em 1em;}

.footer-copyright a:link {padding-right: 0.4em;}
.footer-copyright a:hover {text-decoration: underline;}
.settings_ul li {display: inline-block; }
.calender td {margin:0; padding: 0; height: 6em;vertical-align: text-top;border: 1px solid #000;}
.calender tr:nth-child(even) {background-color: #CCC;}
.td_day_num {font-size: 0.7em;}

 /*.cms_hover button:hover {background-color: deepskyblue;}*/
.cms_button:hover .cms_hover {background-color: deepskyblue;}
.cms_content {}
.cms_edit {}


/* MAT-DES Änderungen */
        .tabs .tab a{
            color:forestgreen;
        } /*Black color to the text*/

        .tabs .tab a:hover {
            background-color:forestgreen;
            color:#FFF;;
        } /*Text color on hover*/

        .tabs .tab a.active {
            background-color:limegreen;
            
        } /*Background and text color when a tab is active*/

        .tabs .indicator {
            background-color:limegreen;
        } /*Color of underline*/

/* Upload Console  */

.drag-and-drop-zone {
    height: 200px;
    border: 3px dashed #000;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
    
    line-height: 150px;
    color: #AAA;
}

.drag-and-drop-zone.drop {
    color:cornflowerblue;
    border-color: cornflowerblue; 
}

.drag-and-drop-text {
    font-size: 1.4em;
}

.bar {
    background: #AAA;
    padding: 1px;
    margin-top: 20px;
    line-height: 1px;
    
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
    
-webkit-box-shadow: 0 1px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 3px 0px rgba(0,0,0,0.2);
box-shadow: 0 1px 3px 0px rgba(0,0,0,0.2);

}

.bar-fill {
    height: 30px;
    display: block;
    background: cornflowerblue;
    width: 0%;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

-webkit-transition:width 0.8s ease;
transition: width 0.8s ease;
}
.bar-fill-text {
    float: right;
    line-height: 30px;
    font-weight: bold;
    color: #FFF;margin-left: 5px;
    
}

.upload-console-upload {
    border-bottom: 2px solid #CCC;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.upload-console-upload span {
    float: right;
}

@media (max-width: 820px) {
h1 {font-size: 6vw;}
h2 {font-size: 4vw;}
h3 {font-size: 3vw;}
}
@media (max-width: 620px) {
h1 {font-size: 7vw;}
h2 {font-size: 6vw;}
h3 {font-size: 5vw;}
}
@media (max-width: 520px) {
h1 {font-size: 7vw;}
h2 {font-size: 6vw;}
h3 {font-size: 5vw;}
    .img_margin {margin: 0;}
}

*/