/* CTYPE - APPEARANCE */
:root {
  --primary-color: #ea5827;
  --secondary-color: #00569d;
  --gray-color: #EEE;
  --third-color: #a11780;  

  --text: #1b1b1b ;
}

.ce-headline-center { text-align: center;}

/* 01. Spaces */
.frame-space-before-extra-small { padding-top: 10px;}
.frame-space-before-small { padding-top: 20px;}
.frame-space-before-medium { padding-top: 30px;}
.frame-space-before-large { padding-top: 40px;}
.frame-space-before-extra-large { padding-top: 50px;}

.frame-space-after-extra-small { padding-bottom: 10px;}
.frame-space-after-small { padding-bottom: 20px;}
.frame-space-after-medium { padding-bottom: 30px;}
.frame-space-after-large { padding-bottom: 40px;}
.frame-space-after-extra-large { padding-bottom: 50px;}

/* Frames */
.frame-primary-color { 
   background-color: var(--primary-color);
   color: var(--text);
}
.frame-secondary-color {
   background-color: var(--secondary-color);
   color: var(--text);
   width: max-content;
}
.frame-neutral {
   background-color: var(--gray-color);
   color: var(--text);
   padding: 2rem;
   border-radius: 1.6rem;
}
.frame-bordertop {
   border-top: 1px solid #333;
}
.frame-borderbottom {
   border-bottom: 1px solid #333;
}
.frame-borderall {
   border: 1px solid #333;
}
.frame-gradient {
   background: linear-gradient(90deg, rgba(41,171,223,1) 47%, rgba(30,151,200,1) 91%);
}
.frame-hover:hover {
   background: var(--secondary-color); 
}
.frame-fullsize {
   width: 100vh;
}
.frame-card {
  background: var(--primary-color);
  border: #FFF;
  box-shadow: 1px 1px 1px #eee;
}

/* DEFAULT lAYOUTS FOR CTYPE */
:root {
   --primary-color: orange;
 }
 
 
 /* 01 - TEXT / TEXTMEDIA */
 .frame-type-text.frame-layout-1, .frame-type-textmedia.frame-layout-1 {
     display: flex;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
 }
 
 .frame-layout-1,
 .frame-layout-2,
 .frame-layout-3 {
   transition: all .5s ease;
 }
 
 /* 02 - IMAGE */
 .frame-type-image.frame-layout-1:hover {
   filter: blur(5px);
   transition: all .5s ease;
 }
 .frame-type-image.frame-layout-2:hover {
   transform: scale(1.1);
   transition: all .5s ease;
 }
 .frame-type-image.frame-layout-3:hover {
   filter: brightness(0.4);
   transition: all .5s ease;
 }
 
 /* 03 -  HEADER */
 .frame-type-header.frame-layout-1 {
    background: var(--primary-color);
    color: #FFF;
 }
 .frame-type-header.frame-layout-2 h1 {
    background: linear-gradient(90deg, rgba(41,171,223,1) 31%, rgb(34 43 46) 66%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    text-align: center;	
 }
 .frame-type-header.frame-layout-3 h1 {
    background: url('../img/coupling-header-neu-2023-Augenhoehe.jpg') no-repeat center center;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
 }
 
 /* 04 - TABLE */
 .frame-type-table.frame-layout-1 table tr:nth-child(even) { 
    background: #EEE;
 }
 .frame-type-table.frame-layout-2 table tr:nth-child(odd) {
    background: #EEE;
 }
 .frame-type-table.frame-layout-3 table tr {
    border-bottom: 1px solid #EEE;
 }
 
 /* 05 - FORM / LOGIN */
 .frame-type-form_formframework.frame-layout-1,
 .frame-type-felogin_login.frame-layout-1 {
    padding: 40px;
    background: var(--primary-color);
    border-radius: 10px;
 }
 .frame-type-felogin_login.frame-layout-2,
 .frame-type-form_formframework.frame-layout-2 {
    background: var(--primary-color);
 }
 .frame-type-felogin_login.frame-layout-2 form,
 .frame-type-form_formframework.frame-layout-2 form {
    display: block;
    margin: 0 auto;
 }
 .frame-type-felogin_login.frame-layout-3 form,
 .frame-type-form_formframework.frame-layout-3 form { padding: 30px;}
 
 .frame-type-felogin_login.frame-layout-3 form input,
 .frame-type-form_formframework.frame-layout-3 form input,
 .frame-type-form_formframework.frame-layout-3 form textarea {
    border-radius: 0;
 }
 

 /* GENERAL DEFAULT STYLE */
.container, .container-fluid {
   display: flex !important;
   flex-direction: column !important;
   position: relative;
   z-index: 100;
 }
 
 
 /* 01 - TABLE */
 .frame-type-table table {
    width: 100%;
 }
 .frame-type-table table tr td {
    padding: 10px;
 }
 
 /* 02 - FILE UPLOAD */
 .frame-type-uploads.frame-layout-0 li {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
 }
 .frame-type-uploads.frame-layout-0 li img { padding-right: 10px;}
 
 /* 03 - FORM / LOGIN */
 .frame-type-form_formframework form textarea {
    resize: none;
 }
 .frame-type-form_formframework form .form-navigation { padding-top: 20px;}
 .frame-type-felogin_login form label { display: inline-grid;}
 .frame-type-felogin_login form input[type="submit"] { margin-top: 15px;}