/* Standard hintergrund */
.section-state1 { 
    color:#313131;
padding-top:3%;
padding-bottom:3%;
}
.section-state1 h1,
.section-state1 h2 {
    color: #313131;
} 
.section-state1 h3,
.section-state1 h4 {
    color:#1E637D;
}  

.section-state1 .frame-textbutton a,
.section-state1 p a.frame-textbutton,
.section-state1 .frame-teasermitbild p:last-child a,
#mediafly .frame-textbutton a,
.section-state1 .powermail_fieldwrap_type_submit .powermail_submit,
.section-state1 .frame-type-felogin_login input[type="submit"]{
color:#303030;
background:#FABF63;
border-color:#FABF63;
text-decoration:none;
}
.section-state1 .frame-buttonblau a,
.section-state1 p a.frame-buttonblau {
color:#fff;
background:#1E637D;
border-color:#fff;
text-decoration:none;
}
.section-state1 .frame-textbutton a:hover,
.section-state1 .frame-textbutton a:active,
.section-state1 .frame-teasermitbild p:last-child a:hover,
#mediafly .frame-textbutton a:hover,
#mediafly .frame-textbutton a:active,
.section-state1 p a.frame-textbutton:hover,
.section-state1 p a.frame-textbutton:active,
.section-state1 .powermail_fieldwrap_type_submit .powermail_submit:hover,
.section-state1 .frame-type-felogin_login input[type="submit"]:hover {
    background:#fff !important;
color:#2680A2 !important;
border-color:#2680A2;
text-decoration:none;
}
.section-state1 .frame-buttonblau a:hover,
.section-state1 p a.frame-buttonblau:hover {
    background:#fff !important;
color:#2680A2 !important;
border-color:#2680A2;
text-decoration:none;
}
/* TEXTLINK */
.section-state1 a{
    color:#810706;
text-decoration:underline;
}
.section-state1 a:hover,
.section-state1 a:active {
    color:#313131 !important;
text-decoration:none;
}
.section-state1  .frame-ruler-after {
border-bottom: 2px dashed #3363AC;
  }
.section-state1  .frame-ruler-before {
border-top: 2px dashed #3363AC;
  }  
/* Display Hochformat */
.section-state3 {
font-size:2em;
line-height:1.2em;
background-color:#1E637D;
color:#fff;
padding-bottom:40px;
}
.section-state3 .table-striped,
.section-state3 .table-striped .tablerow{
position:relative;
float:left;
clear:left;
width:100%;
}
.section-state3 h1 {
font-size:1.8em;
color: #fff;
margin-bottom:0px;
}
    /* ext gb_events */
.section-state3 .tx-gbevents-pi1 > h2,
.section-state3 .table-striped .column3 {
display:none;
}
.section-state3 .table-striped .tablerow {
padding-bottom:30px;
margin-bottom:30px;
border-bottom:3px solid #1E637D;
}
.section-state3 .table-striped .tableheader {
float:left;
clear:left;
width:100%;
color:#1E637D;
font-weight:bold;
font-size:1.1em;
margin-bottom:20px;
}
.section-state3 .table-striped .colspan4 {
float:left;
width:100%;
font-size:0.8em;
margin-top:20px;
}
.section-state3 .table-striped .colspan4 .contenttable th,
.section-state3 .table-striped .colspan4 .contenttable td{
padding-right:10px;
padding-left:10px;
border-right:2px solid #1E637D;
text-align:center;
}
.section-state3 .table-striped .colspan4 .contenttable th:last-of-type,
.section-state3 .table-striped .colspan4 .contenttable td:last-of-type {
border-right:0px;
}
.section-state3 .table-striped .column {
padding:10px;
}
.section-state3 .table-striped .column1,
.section-state3 .table-striped .column2 {
width:calc(50% - 20px);
float:left;
}
.section-state3 .table-striped .colspan4 .contenttable th,
.section-state3 .table-striped .colspan4 .contenttable td {
}
/* ext events2 */
.section-state3 .frame-displayanzeige {
float:left;
clear:left;
width:100%;
font-size:1.2em;
line-height:1em;
}
#.section-state3 .frame-displayanzeige .list.scroll-container {
float:left;
width:100%;
padding-bottom:30px;
margin-bottom:50px;
border-bottom:5px solid #fff;
}
##.section-state3 .frame-displayanzeige .list-group {
float:left;
width:100%;
padding-bottom:30px;
margin-bottom:50px;
}
.section-state3 .frame-displayanzeige .media-heading {
text-transform:none;
}
.section-state3 .frame-displayanzeige .datumzeit {
font-size:1.3em;
margin-bottom:40px;
float:left;
width:100%;
color:#fff;
padding-top:50px;
margin-top:50px;
border-top:5px solid #fff;
}
.section-state3 .frame-displayanzeige .fahrttitel {
float:left;
width:100%;
font-size:0.5em;
color:#1E637D;
margin-bottom:20px;
text-transform: normal !important;
}
.section-state3 .frame-displayanzeige .fahrttitel a {
color:#fff;
text-decoration:none;
}
.section-state3 .frame-displayanzeige .beschreibung {
float:left;
width:100%;
font-size:0.85em;
}
.section-state3 .frame-displayanzeige .beschreibung table th,
.section-state3 .frame-displayanzeige .beschreibung table td{
padding-right:10px;
padding-left:10px;
border-right:2px solid #fff;
text-align:center;
}
.section-state3 .frame-displayanzeige .beschreibung table th:last-of-type,
.section-state3 .frame-displayanzeige .beschreibung table td:last-of-type {
border-right:0px;
}
.section-state3 .frame-displayanzeige .fahrtteaser {
float:left;
clear:left;
width:100%;
font-size:0.75em;
margin-bottom:30px;
}
/* Layoutcontainer hellgrau */
.column.weiss {
float:left;
padding-top:5%;
padding-bottom:5%;
background-color:rgba(255,255,255,0.9);
width: calc(100% - 100px);
padding-left:50px;
padding-right:50px;
}
.column.hellblau {
float:left;
padding-top:5%;
padding-bottom:5%;
background-color:#DCE4F1;
width: calc(100% - 100px);
padding-left:50px;
padding-right:50px;
}
.column.mittelblau {
float:left;
padding-top:5%;
padding-bottom:5%;
background-color:#2680A2;
color:#fff;
width: calc(100% - 100px);
padding-left:50px;
padding-right:50px;
}
.column.dunkelblau{
float:left;
padding-top:5%;
padding-bottom:5%;
background-color:#1E637D;
color:#fff;
width: calc(100% - 100px);
padding-left:50px;
padding-right:50px;
}

/* Breite des Inhalts - 0 = 80% */
@media screen {
.frame.frame-layout-1 {
position:relative;
float:left;
margin-left: 50% !important;
-webkit-transform: translateX(-50%) !important;
-ms-transform: translateX(-50%) !important;
transform: translateX(-50%) !important;
max-width:80%;
}
}
@media screen and (min-width: 1000px) {
.frame.frame-layout-1 {
width:90% !important;
}
}
@media screen {
/* Breite des Inhalts max 50% */
.frame.frame-layout-2 {
position:relative;
float:left;
margin-left: 50% !important;
-webkit-transform: translateX(-50%) !important;
-ms-transform: translateX(-50%) !important;
transform: translateX(-50%) !important;
max-width:50%;
}
}
@media screen and (min-width: 1000px) {
.frame.frame-layout-2 {
width:41% !important;
}
}
/* Ueberbreite */
.frame.frame-layout-3 {
width:100% !important;
}

@media screen and (min-width: 1800px) {
.frame.frame-layout-3 {
position:relative;
float:left;
clear:left;
width:calc(100% + 600px) !Important;
margin-left:-300px !important;
}
}
@media screen and (min-width: 1600px) {
.frame.frame-layout-3 {
position:relative;
float:left;
clear:left;
width:calc(100% + 400px) !Important;
margin-left:-200px !important;
}
}
/* Erscheinungsbild Hintergrundfarben */
.column .frame-hgweiss:after,
.column .frame-hghellblau:after,
.column .frame-hgmittelblau:after,
.column .frame-hgdunkelblau:after {
position:absolute;
display:block;
content: ' ';
margin-right:0px;
z-index:-1;
top:0px;
margin-left:-40px;
bottom:0px;
}
.frame-hgweiss {
padding:40px;
background-color:rgba(255,255,255,0.8);
}
.frame-hgweiss p:last-child {
margin-bottom:0px;
}

.frame-hghellblau {
padding:40px;
background-color:#DCE4F1;
overflow:hidden;
}
.column .frame-hghellblau:after {
background-color:#DCE4F1;
}
.frame-hghellblau p:last-child {
margin-bottom:0px;
}
.column .frame-hghellblau {
font-size:0.85em;
line-height:1.2em;
}
.frame-hgmittelblau {
padding:40px;
color:#fff !important;
background-color:#1E637D;
}
.column .frame-hgmittelblau:after {
background-color:#1E637D;
}
.frame-hgmittelblau p:last-child {
margin-bottom:0px;
}
.frame-hgmittelblau {
font-size:0.85em;
line-height:1.2em;
}
.frame-hgdunkelblau {
padding:40px;
color:#fff !important;
background-color:#1E637D;
}
.column .frame-hgdunkelblau:after {
background-color:#1E637D;
}
.frame-hgdunkelblau p:last-child {
margin-bottom:0px;
}
.frame-hgdunkelblau {
font-size:0.85em;
line-height:1.2em;
}
/* Element bild als Hintergrund */
.frame.frame-hintergrundbild {
position:absolute;
float:left;
width:calc(100% + 400px);
}
.frame.frame-hintergrundbild .ce-image,
.frame.frame-hintergrundbild .ce-gallery,
.frame.frame-hintergrundbild .ce-inner,
.frame.frame-hintergrundbild .ce-outer,
.frame.frame-hintergrundbild .ce-row,
.frame.frame-hintergrundbild .ce-column,
.frame.frame-hintergrundbild figure,
.frame.frame-hintergrundbild figure img {
margin:0px !important;
padding:0px !important;
width: 100% !important;
height: auto !important;
}
/***************
Kopfbild
***************/
.frame-kopfbild {
position:relative;
float:left;
clear:left;
width:100%;
}
.frame-kopfbild .ce-textpic,
.frame-kopfbild .ce-gallery,
.frame-kopfbild .ce-outer,
.frame-kopfbild .ce-inner,
.frame-kopfbild .ce-gallery .ce-column,
.frame-kopfbild .ce-gallery .ce-row {
width:100% !important;
margin-bottom:0px;
}
.frame-kopfbild .ce-gallery figure,
.frame-kopfbild .ce-gallery figure img {
width:100% !important;
height:auto !important;
}
.frame-kopfbild .ce-bodytext {
position:absolute;
overflow:hidden;
min-width:600px;
max-width:800px;
text-align:center;
font-size:0.8em;
line-height:1.2em;
bottom:0px;
background-color: rgba(255,255,255,0.8);
left: 50%;
#top: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.frame-kopfbild .ce-bodytext h1 {
position:relative;
display:block;
width:100%;
padding:10px 20px 10px 20px;
height:100%;
font-size:1.1em;
font-weight:normal;
text-align:center;
color:#fff;
background-color: #2680A2;
}
.frame-kopfbild .ce-bodytext p,
.frame-kopfbild .ce-bodytext h2,
.frame-kopfbild .ce-bodytext h3,
.frame-kopfbild .ce-bodytext h4 {
width:calc(100% - 40px);
font-weight:normal;
padding-left:20px;
padding-right:20px;
}
.frame-kopfbild .ce-bodytext p:last-of-type {
margin-bottom:10px;
}
.frame-kopfbild .ce-bodytext p:last-of-type a,
.frame-kopfbild .ce-bodytext .frame-textbutton {
 text-shadow:none;
 text-decoration:none;
 font-size:0.9em;
 color:#303030;
background-color: #FABF63;
}
.frame-kopfbild .ce-bodytext p:last-of-type a:hover,
.frame-kopfbild .ce-bodytext .frame-textbutton:hover {
 background-color:#2680A2;
color:#fff;
}
/**************
Teaser Bild mit Text
***************/
.frame-teasermitbild {
float:left;
clear:left;
width:100%;
height:100%;
color:#303030;
background-color:#fff;
text-align:center;
border-bottom:2px solid #2680A2;
margin-bottom:2em;
  }
.frame-teasermitbild .ce-textpic h1:first-of-type {
width: calc(100% + 20px);
margin:0px 0px 30px -20px;
padding:20px 10px 20px 10px;
font-size:1.2em;
font-weight:normal;
color:#fff;
background-color: #2680A2;
}
.frame-teasermitbild .ce-gallery,
.frame-teasermitbild .ce-inner,
.frame-teasermitbild .ce-outer,
.frame-teasermitbild .ce-row,
.frame-teasermitbild .ce-colmn,
.frame-teasermitbild figure,
.frame-teasermitbild figure img {
margin:0px !important;
padding:0px !important;
width: 100% !important;
height: auto;
}
.frame-teasermitbild .ce-bodytext {
padding-left:20px;
padding-right:20px;
padding-bottom:0px;
}
.frame-teasermitbild p:last-of-type a {
margin-top:15px;
}
/* Container Spalten ohne Abstand */
.frame-ohneabstand .column1,
.frame-ohneabstand .column2,
.frame-ohneabstand .column3{
margin:0px !important;
}
.frame-ohneabstand.frame-type-twocol .column,
.frame-type-twocol .column .frame-hghellblau:after,
.frame-type-twocol .column .frame-hgmittelblau:after,
.frame-type-twocol .column .frame-hgdunkelblau:after{
width:50% !important;
}
.frame-ohneabstand.frame-type-threecol .column,
.frame-type-threecol .column .frame-hghellblau:after,
.frame-type-threecol .column .frame-hgmittelblau:after,
.frame-type-threecol .column .frame-hgdunkelblau:after{
width:33.333% !important;
}
.frame-ohneabstand.frame-type-fourthcol .column,
.frame-type-fourthcol .column .frame-hghellblau:after,
.frame-type-fourthcol .column .frame-hgmittelblau:after,
.frame-type-fourthcol .column .frame-hgdunkelblau:after{
width:25% !important;
}