/* FONT PATH * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../Fonts/fontawesome-webfont.eot?v=4.2.0');
  src: url('../Fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),
       url('../Fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),
       url('../Fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),
       url('../Fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
    font-family: DINWeb;
    src: url("../Fonts/DINWeb.eot");
    src: url("../Fonts/DINWeb.eot?#iefix") format('embedded-opentype'),
         url("../Fonts/DINWeb.woff") format('woff'),
         url("../Fonts/DINComp.ttf") format('truetype');    
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: DINWeb-Medium;
    src: url("../Fonts/DINWeb-Medium.eot");
    src: url("../Fonts/DINWeb-Medium.eot?#iefix") format('embedded-opentype'),
         url("../Fonts/DINWeb-Medium.woff") format('woff'),
         url("../Fonts/DINComp-Medium.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: DINWeb-Bold;
    src: url("../Fonts/DINWeb-Bold.eot");
    src: url("../Fonts/DINWeb-Bold.eot?#iefix") format('embedded-opentype'),
         url("../Fonts/DINWeb-Bold.woff") format('woff'),
         url("../Fonts/DINComp-Bold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* ---------------------------------------------------------- */

*{margin: 0; padding: 0;}
html {min-height: 100.15%;}
body { font-family: DINWeb, Arial, Helvetica, Geneva, sans-serif; background-color: rgb(224,224,224);
color: rgb(50,50,50); background-position: 50% top; background-repeat: no-repeat; background-size: 100% auto; background-attachment:fixed; }
.typo3-debug,
form .box{display:none;}

/* Gesamte Seite */

.page {position: relative; min-height: 100%; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; margin: 0; z-index: 2; min-width: 300px; }
.pageSchubs{margin: 0; right: 17em; }
.invisible,
.hidden{width:  0;height: 0;display:  none; border: 0; margin: 0; padding: 0; visibility: hidden;}
#twebshop .hidden {height: inherit;width: inherit;}
.clear,
.clearer{background: none; clear: both; height: 0; font-size: 0; line-height: 0; padding: 0; margin: 0; border: 0; }
fieldset {border: none; }
.layout6 .mitte > div.akkordeon.abstand {width: 90%!important;}

a {color: rgb(5,50,50);}
a:hover {color: rgb(0,0,0);}
a:focus {color: rgb(0,0,0);}
h2 > a {display:block!important;margin-top:-10px!important;padding-top:10px!important;}

b, p b, li a, a, strong, th {font-family: DINWeb-Medium, Arial, Helvetica, Geneva, sans-serif; font-weight: normal;}
h1, h2, h3, h4, h5, h6{font-family: DINWeb-Medium, Arial, Helvetica, Geneva, sans-serif; font-weight: normal; margin: 0 0 .75em 0}

h1{font-size: 135%;}
h2{font-size: 125%;}
h3{font-size: 115%;}
h4, h5, h6{font-size: 100%;}

h1.ce-firstHeader{font-size: 1.5em; margin: 0 0 .5em 0;font-family: DINWeb-Bold, Arial, Helvetica, Geneva, sans-serif; font-weight: normal; }
.ce-header h2 {margin: 0 0 .75em 0;font-family: DINWeb-Medium, Arial, Helvetica, Geneva, sans-serif; font-weight: normal;}

p a, li a, li p, td p, li li{font-size: 100%; -webkit-transition: all .5s ease; transition: all .5s ease;}

p, li, h1,h2,h3,h4,h5,h6{line-height: 135%; }

table{border-collapse: collapse; border: 0;}

.ce-bodytext ul,
.ce-bodytext ol {margin: 0 0  0 1em;}

/*iFrame Venus */
.page main .div-aussen {position: relative;overflow: hidden;width: 100%;padding-top: 200%;height: 100%;}
.page main iframe.venus {border: 0;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height:100%;padding: 0;}

/*.ce-image.ce-center .ce-outer,*/
.ce-textpic .ce-outer {position: relative;float: right;right: 50%;max-width: 100%;}
/*.ce-image.ce-center .ce-inner,*/
.ce-textpic .ce-inner {position: relative;float: right;right: -50%;max-width: 100%;}
.ce-textpic.ce-right.ce-intext .ce-gallery {float: right;}
.ce-textpic.ce-center.ce-above .ce-gallery {width: 100%;max-width: 100%;}
.ce-textpic.ce-above .ce-gallery {display: table;}
.ce-textpic.ce-left.ce-intext .ce-gallery {float: left;margin-right: 10px;}

.ce-menu{list-style-type: none;}
.ce-textpic-caption {font-size: 85%; margin: .6em 0 0 0 ;}
.ce-space-after-small {margin-bottom: 20px!important;}


.content img {height: auto;width: auto;max-width: 100%;}
.content .medium img {width: 100%;}
.content DIV.ce-textpic .ce-textpic-imagewrap { max-width: 100%; overflow: hidden;  display: block;}
div.ce-textpic-intext-left .ce-textpic-imagewrap { float: left;}
div.ce-textpic-intext-left .ce-textpic-imagewrap,
div.ce-textpic-intext-left-nowrap .ce-textpic-imagewrap { margin-right: 10px;}

.content DIV.ce-textpic-center .ce-textpic-imagewrap,
.content DIV.ce-textpic-center FIGURE.ce-textpic-imagewrap {    width: 100%;    display: block;}
.content DIV.ce-textpic-center .ce-textpic-center-outer {    max-width: 100%; /* max. Groesse des Bildes */}
.content DIV.ce-textpic-center .ce-textpic-center-inner {    width: 100%;}
.frame-default iframe, .frame iframe {background-color: #ffffff;padding: 30px;box-sizing:border-box;}
.frame-default .iframe_full_width iframe{padding:0;}
.frame-default iframe.hrs {padding:0px;}
.frame-default.youtube-video iframe {padding: 0px;max-width: 840px;width: 100%;}
div.ce-textpic-center .ce-textpic-center-inner {position: relative;float: right;right: -50%;}
div.ce-textpic-center .ce-textpic-center-outer {position: relative;float: right;right: 50%;}
div.ce-textpic-intext-right .ce-textpic-imagewrap {float: right;}
div.ce-textpic, div.ce-textpic div.ce-textpic-imagerow, ul.ce-uploads li {overflow: hidden;}
div.ce-textpic .ce-textpic-imagewrap figure, div.ce-textpic figure.ce-textpic-imagewrap {margin: 0;display: table;}
div.ce-textpic div.ce-textpic-imagecolumn {float: left;}
div.ce-textpic-imagecolumn, td.ce-textpic-imagecolumn .ce-textpic-image {margin-right: 10px;}
div.ce-textpic .ce-textpic-imagewrap .ce-textpic-imagerow-last .ce-textpic-image {margin-bottom: 0;}
.content DIV header .ce-headline-center {text-align: center;}
.content DIV header .ce-headline-right {text-align: right;}

.content a{text-decoration: none;}
.content a:hover{text-decoration: underline;}

body.rot .content a{color: #CE081E}
body.blau .content a{color: #0839B6}
body.gruen .content a{color: #390;}
body.orange .content a{color: #D56E08}
.text-center {text-align: center;}
.bigger {font-size: 175%;line-height: 175%;}


/* header */

.header {background-color: rgb(255,255,255);
  /*top ist kein color-Wert )   -webkit-background: linear-gradient(top,#fff 0,#f8f8f8 100%);*/
  -webkit-background: linear-gradient(#fff 0,#f8f8f8 100%);  
  /* 	Ungültige Nummer : background top ist kein color-Wert )   background: linear-gradient(top,#fff 0,#f8f8f8 100%); */
  background: linear-gradient(#fff 0,#f8f8f8 100%);  
  width: 100%;  
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1),0 1px 5px rgba(0, 0, 0, 0.15);
  z-index: 9;  position: relative;
}


.mobilMenu {float: left; padding: 0 0 0 .25em;}
.mobilMenu a.menu { -webkit-transition: all .3s ease; transition: all .3s ease;color: rgb(150,150,150); text-decoration: none;line-height: 1em; padding: .575em .575em .4em .575em; font-size: 125%; float: left; text-align: center; border: 1px solid #ccc; border-radius: 5px;   }
.mobilMenu a.menu span{ float: left; display: inline; text-indent: -10000em; }
.mobilMenu a.menu::after{content: ""; font-family: FontAwesome; text-indent: 0em; font-size: 120%; line-height: 100%; }
.mobilMenu a.menu:hover {background-color: rgb(222,222,222); text-decoration: none; color: rgb(50,50,50)}
.mobilMenu .menu.zu::after{content: ""; }

.mobilSuche{position:absolute;min-width:24px; right:70px;-webkit-transition: all .3s ease; transition: all .3s ease;color: rgb(150,150,150);float: left; padding: .575em .7em .7em .7em; border: 1px solid #ccc; border-radius: 5px;}
.mobilSuche:hover {background-color: rgb(222,222,222); text-decoration: none; color: rgb(50,50,50);}
.mobilSuche .go,
.mobilSuche .unsichtbar{display:none}
.mobilSuche form{float:left;margin-right:30px;}
.mobilSuche form input{border:none;height:25px;padding:0 8px;}
.mobilSuche a.suche{ margin-left:-30px; text-decoration: none;line-height: 1em;  font-size: 125%; float: right; text-align: center;   }
.mobilSuche a.suche::after{content: ""; font-family: FontAwesome; text-indent: 0em; font-size: 120%; line-height: 100%; }

.contrast{-webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; float: left; width: 2.95em; height: 2.95em; -webkit-transition: all .3s ease; transition: all .3s ease;color: rgb(150,150,150); display: table; text-align: center; border: 1px solid #ccc; border-radius: 5px; }
.contrast span {display: table-row; }
.contrast a { text-decoration: none; font-size: 180%;  display: table-cell; vertical-align: middle; color: rgb(150,150,150);  }
.contrast:hover {background-color: rgb(33,33,33); text-decoration: none; color: rgb(255,255,255)}
.contrast:hover a{color: rgb(255,255,255)}

.sprache {float: left; padding: 1.70em 0 0 1em}

.logo {padding: .5em 0 .5em 1em; float: left}
.logoA {float: left; display: block; text-indent: -10000em;  width: 3em; height: 3em; overflow: hidden;
  background-image: url(../Design/TourismusLogoKlein2.png); background-repeat: no-repeat; background-position: left bottom; background-size: auto }

.headerInnen {padding:0;max-width:80em;margin:0 auto;/*height:100%;position:relative;*/}
.extras{float: right; text-align: left; padding: .5em 1em 0 0; position:relative;}


/* Navigation */

.pageNav2{margin:0;right:17em;}
.navigation2{display:none;}
.navigation2.box {width:17em;opacity:1;position:absolute;right:-17em;top:0;background-color:rgb(100,100,100);z-index:1;color:#fff;display:block;}
.navigation2.box ul li{border-bottom:1px solid #333;padding:0;margin:0;position:relative;list-style:none;}
.navigation2.box ul li:last-child{border-bottom: 0;}
.navigation2.box ul li a,
.navigation2.box ul li p{text-decoration:none;display:block;color:rgb(255,255,255);background:#444;padding:.5em .3em .5em 1.5em;}
.navigation2.box ul li p::after{content: ""; font-family: FontAwesome;color: rgb(255,255,255); position: absolute; top: 0.2em; left: 0.2em; }
.navigation2.box ul ul li a,
.navigation2.box ul ul li p{background:#555;padding:.5em .3em .5em 2.5em;}
.navigation2.box .textbody{display:none;}



.navigation #navi{box-shadow: 0 .2em 1em rgba(0, 0, 0, 0.35); }

.box { min-height: 905px; width: 17em; opacity: 1; position: absolute; right: -17em; top: 0;  background-color: rgb(100,100,100);  height: 100%; z-index: 1; -webkit-transition: all .3s ease; transition: all .3s ease; color: #fff; }

.navigation{display: none }
.navigation.box ul{list-style-type: none; padding: 0; margin: 0;  background-color: rgb(100,100,100)}
.navigation.box .ebene0{list-style-type: none;}
.navigation.box dd{display: none ;}
.navigation.box li{border-bottom: 1px solid #333; padding: 0; margin: 0;}
.navigation.box li a{position: relative; }
.navigation.box li p{position: relative; }
.navigation.box li p::after{content: ""; font-family: FontAwesome;color: rgb(255,255,255); position: absolute; top: 0.2em; left: 0.2em; }


.navigation.box li:last-child{border-bottom: 0;}
.navigation.box ul li a{text-decoration: none; display: block; color: rgb(255,255,255); background: #444; padding: .3em .3em .3em 1.5em;}
.navigation.box ul li p{display: block; color: rgb(255,255,255); background: #444; padding: .3em .3em .3em 1.5em;}

.navigation.box ul ul li a{text-decoration: none; display: block; color: rgb(255,255,255); background: #555; padding: .3em .3em .3em 2.5em;}
.navigation.box ul ul li p{display: block; color: rgb(255,255,255); background: #555; padding: .3em .3em .3em 2.5em;}

.navigation.box ul ul ul li a{text-decoration: none; display: block; color: rgb(255,255,255); background: #555; padding: .3em .3em .3em 3.5em;}
.navigation.box ul ul ul li p{display: block; color: rgb(255,255,255); background: #555; padding: .3em .3em .3em 3.5em;}


/* Layout */

.main {min-height: 855px;}

.sub {display: none;}
.medium,
.content{ max-width: 80em; margin: 0 auto; }

/*.main .content{padding: 0 0 13.5em 0; }*/

.main .frame .farbig {padding: .5em 2%; background-color: rgb(80,80,80); }
.page.rot .main .frame .farbig  {background: #D52F42;}
.page.blau .main .frame-default .farbig,
.page.blau .main .frame .farbig  {background: #0034B8;}
.page.gruen .main .frame-default .farbig,
.page.gruen .main .frame .farbig  {background: #390;}
.page.orange .main .frame-default .farbig,
.page.orange .main .ce-frame .farbig,
.page.orange .main .frame .farbig {background: #D96C00;}
.main .frame header h2,
.main .ce-frame header h2,
.main .frame .farbig h2.csc-firstHeader {color: rgb(255,255,255); padding: 0; margin: 0;}

.main .ce-textpic .ce-header h2 {color: rgb(50,50,50)}
.main .ce-textpic  .farbig {padding: 0 !important; background: none !important; }
.main .frame-default .farbig h2 a {color:#ffffff;text-transform: uppercase;}

.main .frame-default .farbig.orangeBox  {background: #ec802f;}
.main .frame-default .farbig.gruenBox  {background: #44ba56;}
.main .frame-default .farbig.blauBox  {background: #3278af;}
.main .frame-default .farbig.lilaBox  {background: #67017c;}

.main .frame-space-after-small {margin-bottom: 20px !important;}


.main .ce-header .ohne{padding: .5em 2%; background-color: rgb(255,255,255)}

.main .frame-default .ohne h1.rot  {color: #D52F42; margin: 0;}
.main .frame-default .ohne h1.blau  {color: #0034B8; margin: 0;}
.main .frame-default .ohne h1.gruen  {color: #390; margin: 0;}
.main .frame-default .ohne h1.orange  {color: #D96C00; margin: 0;}

.rechts .ce-menu,
.rechts .ce-bodytext {padding: .5em 2%; background-color: rgb(255,255,255)}

.header1 {background: #EC802F;padding: .75em 1em .25em 1em;}
.header2 {background: #3278AF;padding: .75em 1em .25em 1em;}
.header3 {background: #67017C; padding: .75em 1em .25em 1em;}
.header4 {background: #44BA56;padding: .75em 1em .25em 1em;}

.header1 h1, .header1 h2, .header1 a {color: #fff !important;text-transform: uppercase; margin: 0;}
.header2 h1, .header2 h2, .header2 a {color: #fff !important;text-transform: uppercase; margin: 0;}
.header3 h1, .header3 h2, .header3 a {color: #fff !important;text-transform: uppercase; margin: 0;}
.header4 h1, .header4 h2, .header4 a {color: #fff !important;text-transform: uppercase; margin: 0;}

/* Layout 1 */
.layout1 .medium,
.layout1 .content,
.layout1 .mitte,
.layout1 .rechts{float: none; width: 100%; overflow: hidden;}

.layout1 .mitte,
.layout1 .rechts{margin: 1em 0 0 0;}
.layout1 .medium{ position: relative;overflow: hidden;}
.layout1 .rechts .ce-textpic{padding: .5em 2%; background-color: rgb(255,255,255)}


/* Layout 2  Hauptteil mit Media*/

.layout2 .medium,
.layout2 .content,
.layout2 .mitte,
.layout2 .rechts{float: none; width: 100%; overflow: hidden;}

.layout2 .mitte{margin: 1em 0; }
.layout2 .medium{ position: relative;overflow: hidden;}


.layout2 .rechts .ce-bodytext,
.layout2 .rechts .ce-uploads,
.layout2 .rechts .ce-textpic,
.layout2 .rechts .ce-image,
.layout2 .rechts .innenText{padding: .5em 2%; background-color: rgb(255,255,255); }

.layout2 .mitte .ce-bodytext,
.layout2 .mitte .ce-textpic,.layout2 .mitte .innenText{padding: .5em 2%; background-color: rgb(255,255,255); }

/* Layout 5  Hauptteil ohne Media*/

.layout5 .medium,
.layout5 .content,
.layout5 .mitte,
.layout5 .rechts{float: none; width: 100%; overflow: hidden;}

.layout5 .mitte{margin: 1em 0; }
.layout5 .medium{ position: relative;overflow: hidden;}

.layout5 .rechts .ce-bodytext,
.layout5 .rechts .ce-textpic{padding: .5em 2%; background-color: rgb(255,255,255); }

.layout5 .mitte .ce-bodytext,
.layout5 .mitte .ce-textpic{padding: .5em 2%; background-color: rgb(255,255,255); }

.layout5 .dreiSpalten .ce-bodytext{min-height:165px; }

.layout4 .medium {display: none;}
.layout4 .rechts {display: none;}
.layout4 .mitte .ce-bodytext{padding: .5em 2%; background-color: rgb(255,255,255); }
.layout4 .content{float: none; width: 100%; overflow: hidden;}

.layout4 a {color: rgb(50,50,50) !important;}

/* Layout 6  Einspaltischer Hauptteil mit Media*/

.layout6 .medium,
.layout6 .content,
.layout6 .mitte{float: none; width: 100%; overflow: hidden;}

.layout6 .mitte{margin: 1em 0; }
.layout6 .medium{ position: relative;overflow: hidden;}

.layout6 .mitte .ce-bodytext,
.layout6 .mitte .ce-textpic{padding: .5em 2%; background-color: rgb(255,255,255); }

.layout6 .mitte > div {width: 100%!important;}
.layout6 .frame-type-form_formframework {padding: 1em 4%; background-color: rgb(255,255,255); }
.layout6 .frame-type-form_formframework label {display: none;}
.layout6 .frame-type-form_formframework label.form-check-label {display: block;font-size: 24px;}
.layout6 .frame-type-form_formframework input[type=text],
.layout6 .frame-type-form_formframework input[type=email]
 {width: 60%;font-size: 24px;padding: 20px;border: none; border-bottom: 1px solid #ccc;margin-bottom: 20px;}
.layout6 .frame-type-form_formframework textarea 
 {width: 60%;font-size: 24px;padding: 20px; border: 1px solid #ccc;margin-bottom: 20px;}
 .layout6 .frame-type-form_formframework .clearfix p {font-size: 14px;margin-top: 20px;}
  .layout6 .frame-type-form_formframework button {background: #0034B8;color: white;border: none;font-size: 24px;padding: 10px 20px;cursor: pointer;margin-top: 30px;margin-bottom: 20px;}
 
/* Layout 4 Tagungen */

.layout4{padding: 2em 0 0 0;}

.layout4 table.orange {border: 2px solid #EC602F; background: rgb(255,255,255)}
.layout4 table.orange th img {background: #EC802F; }
.layout4 table.orange a{color: #EC802F; }

.layout4 table.blau {border: 2px solid #3278AF;  background: rgb(255,255,255)}
.layout4 table.blau th img {background: #3278AF; }
.layout4 table.blau a{color: #3278AF; }

.layout4 table.lila {border: 2px solid #67017C;  background: rgb(255,255,255)}
.layout4 table.lila th img {background: #67017C; }
.layout4 table.lila a{color: #67017C; }

.layout4 table.gruen {border: 2px solid #44BA56;  background: rgb(255,255,255)}
.layout4 table.gruen th img {background: #44BA56; }
.layout4 table.gruen a{color: #44BA56; }

.layout4 table th img {-webkit-border-radius: .5em; border-radius: .5em; padding: .3em; width: 1.5em; height: auto;}

.layout4 table th {background: #D8D9DA;border: 0;text-align: center;padding: .4em;}
.layout4 table td {  vertical-align: top;border-right: 1px solid #D8D9DA; border-bottom: 1px solid #D8D9DA; text-align: center; padding: 1.2em .4em .4em .4em;}
.layout4 table td.a {text-align: left; }
.layout4 table td.c {border-right: 0;text-align: left;width: 15%;}

img.leg {-webkit-transition: all .5s ease; transition: all .5s ease; -webkit-border-radius: .5em; border-radius: .5em; background-color: rgb(150,150,150); padding: .3em; width: 1.5em; height: auto;}
img.leg:hover { background-color: rgb(75,75,75);}

.dreiSpalten .col1{width: 33.33%;  float: left}
.dreiSpalten .col2{width: 33.33%;  float: left}
.dreiSpalten .col3{width: 33.33%;  float: right}

.layout5 .rechts .ce-bodytext,
.layout5 .rechts .ce-textpic {padding: .5em 1em}

.layout5 .rechts .ce-textpic .ce-bodytext{padding: 0em}


/* 4 Spalter */

.vierSpalten {padding: 2%}
.vierSpalten .col1{width: 25%;  float: left}
.vierSpalten .col2{width: 25%;  float: left}
.vierSpalten .col3{width: 25%;  float: left}
.vierSpalten .col4{width: 25%;  float: right}

.vierSpalten .col1 img{width: 100%; height: auto;}
.vierSpalten .col2 img{width: 100%; height: auto;}
.vierSpalten .col3 img{width: 100%; height: auto;}
.vierSpalten .col4 img{width: 100%; height: auto;}

.vierSpalten .ce-layout-0 {}
.vierSpalten .col4 .ce-layout-0 { margin: 0;}

.vierSpalten .ce-layout-0 .ce-textpic {padding: 0em;}
.vierSpalten div.ce-textpic-intext-right .ce-textpic-imagewrap,
.vierSpalten div.ce-textpic-intext-right-nowrap .ce-textpic-imagewrap {margin: 0;}


/* 2 Spalter */

.zweiSpalten {padding: 0 0 2% 2%}
.zweiSpalten .zweiSpalterLinks {width: 48%;float:left;}
.zweiSpalten .zweiSpalterRechts {width: 48%;float:right;}
.zweiSpalten .col1{width: 50%;  float: left}
.zweiSpalten .col2{width: 50%;  float: right}

/* 3 Spalter */

.dreiSpalten {padding: 0 0 1em 0; margin: 0 0 1em 0; background-color: rgb(255,255,255)}
.dreiSpalten .col1{width: 100%; float: none}
.dreiSpalten .col2{width: 100%; float: none}
.dreiSpalten .col3{width: 100%; float: none}

/* PopUp */
.popupOuter {position:absolute;width:100%;height:100%;left:0;top:0;z-index:999;display: block;background-color:rgba(0,0,0,0.4)}
.popupOuter .popup {width: max-content;margin: auto;position: fixed;left:50%;top: 40%;box-shadow: -1px -1px 25px white;border: 1px solid rgb(80,80,80);max-width: 300px;margin-left: -150px;}
.popupOuter .popup .btnPopCLose {width: 100%;display: block;cursor: pointer; background-color: rgb(80,80,80);color: white;font-weight: bold;text-align: center;padding: 10px 0;}
.popupOuter .popup .popClose {position: absolute;cursor: pointer;right: 0;color: white;font-size: 24px;padding: 7px 10px;font-weight: bold;font-family: arial;border-left: 1px solid #bbb;}

/* Akkordeon */
.akkordeon {margin-top: 20px;}
.main .akkordeon .akkordeon_header .frame .farbig {color: rgb(50,50,50);background-color: #f5f5f5;  padding: 10px 45px 10px 15px;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.main .akkordeon .akkordeon_header .frame .farbig h2 {color: rgb(50,50,50);}
.main .akkordeon .akkordeon_header .frame .farbig h2:after {
  font-family: FontAwesome;
  content: "\f078 ";
  float: right;
  font-size: 100%;
  top: 8px;
  right: 15px;}
 .main .akkordeon .akkordeon_header.open .frame .farbig h2:after {
	content: "\f077 ";
 }	 
.akkordeon_content {display: none;}
.akkordeon_header {cursor: pointer;}
.akkordeon.abstand {padding: 0 5% 0 5%;}


/* footer */

.footer {background-color: rgb(80,80,80); width: 100%; min-height: 12.5em; color: rgb(222,222,222)}
.footerInnen{max-width: 80em; padding: 1em 2% ; margin: 0 auto; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box;}

.footer a{color: #fff; text-decoration: none;}
.footer a:hover{color: #FBB911;}

.footer h1,
.footer h2{color: rgb(222,222,222); font-family: DINWeb !important; margin: 0;}


.footer .kontakt{float: none; width: 100%; padding: 0 2%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.footer .socials{float: none; width: 100%; padding: 1.5em 2% 0em 2%; -webkit-box-sizing: border-box; box-sizing: border-box;}

.footer .stadt{float: right; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box;}

.footer .wetter{clear: left; float: left; width: 50%; padding: 1em 0 0 4%; -webkit-box-sizing: border-box; box-sizing: border-box;}

.footer .socials ul{list-style-type: none; padding: 1em 1em 0 0}
.footer .socials ul li {margin: 0 1em 0 0; float: left;}
.footer .socials ul li img {width: 2.6em; height: 2.6em; -webkit-transition: all .5s ease; transition: all .5s ease;}
/* .footer .socials ul li.fb img{background: url(../Design/fba.png) center center no-repeat;  background-size: 100% 100%} */
.footer .socials ul li.fb img{background: url(../Design/Icons/fb_new.png) center center no-repeat;  background-size: 100% 100%}
/* .footer .socials ul li.fb img:hover{background: url(../Design/fbb.png) center center no-repeat; background-size: 100% 100%} */

.footer .socials ul li.rss img{background: url(../Design/rssa.png) center center no-repeat;  background-size: 100% 100%}
.footer .socials ul li.rss img:hover{background: url(../Design/rssb.png) center center no-repeat; background-size: 100% 100%}

.footer .socials ul li.youtube img{background: url(../Design/Icons/youtube_new.png) center center no-repeat;  background-size: 100% 100%}
/* .footer .socials ul li.youtube img{background: url(../Design/Icons/youtube_1.png) center center no-repeat;  background-size: 100% 100%}
.footer .socials ul li.youtube img:hover{background: url(../Design/Icons/youtube_2.png) center center no-repeat; background-size: 100% 100%} */

/* .footer .socials ul li.instagram img{background: url(../Design/Icons/instagram_1.png) center center no-repeat;  background-size: 100% 100%}
.footer .socials ul li.instagram img:hover{background: url(../Design/Icons/instagram.png) center center no-repeat; background-size: 100% 100%} */
.footer .socials ul li.instagram img{background: url(../Design/Icons/instagram_new.png) center center no-repeat;  background-size: 100% 100%}

.footer .socials ul li.blog img{background: url(../Design/bloga.png) center center no-repeat;  background-size: 100% 100%}
.footer .socials ul li.blog img:hover{background: url(../Design/blogb.png) center center no-repeat; background-size: 100% 100%}

.footer .socials ul li.twitter img{background: url(../Design/twitter.png) center center no-repeat;  background-size: 100% 100%}
.footer .socials ul li.twitter img:hover{background: url(../Design/twittera.png) center center no-repeat; background-size: 100% 100%}

.footer .stadt img{width: 75%; height: auto;}



@media screen and (max-width: 1050px){
	.page .main .tx-ipjsonbuilder.tiles.search {position: relative; top: 0;}
}

/* EXTENSIONS *****************************************************************************************************************/

/* flexslider */

.rslides {position: relative;list-style: none; background: rgb(255,255,255);width: 100%; max-height: 40em; overflow: hidden;}
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0;}

/* Kopfbild */

.kopfbildrahmen img{margin: 0 0 1em;}

/* News */

.news-list-view {background-color: rgb(255,255,255);}
.news-list-view.events {background-color: transparent;box-shadow: unset;}
.news-list-view.events h3 {background-color: white;margin-bottom: 0;padding-bottom: 15px;}
.news-list-view .article{padding: .5em 2% 0 ; margin: 0 0 .5em; }
.news-list-view .article h4{margin: 0; }
.news-list-view .news-img-wrap{float: left; width: 30%; float: left; padding: 0 .5em .25em 0;}
.news-list-view .inhaltPresse{padding: 0 0 .5em 0; border-bottom: 1px solid rgb(222,222,222)}

/* EVENTS */
.eventsCatList, .news-tags {background-color: white;padding:20px;border-radius: 0 0 1em 1em;}
.news-tags {list-style-type: none;}
.filterHeader {padding-top: 20px;padding-left: 25px;text-decoration: underline;}
.eventsCatList ul  {padding: 0;}
.news .csc-textpic-imagewrap,
.events .ce-textpic-imagewrap {height: 350px;width: 100%;max-width: 100%;overflow: hidden;}
.news .csc-textpic-imagewrap img,
.events .ce-textpic-imagewrap img {width: 100%;}
.news .catDescription,
.events .catDescription {padding: 25px;display: block;border-bottom: 1px solid #D52F42;background-color: white;}
.news .eventsListTable,
.events .eventsListTable {max-height: 500px;overflow: auto;background-color: white;border-radius: 0 0 1em 1em;}
.eventsCatList li {margin-left: 20px;}
.eventsSingle {}
.eventsSingle .infos {float: right;}
.eventsSingle .eventDetailImg {float: left;}
.eventsSingle .eventDetailBody {padding: 25px;background-color: white;border-radius: 0 0 1em 1em;}
.eventsSingle .newsFooter {border-top: 1px solid #D52F42;margin-top: 15px;padding-top: 15px;}

/* Responsive Sliders */

.tx-responsiveslides-pi1 {width: 100%;}
.tx-responsiveslides-pi1 img{width: 100%; height: auto;}


/* iFrame */

.tx-smileiframe-pi1{background-color: rgb(255,255,255)}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* TOggle */


.trigger { background-color: #EEE; padding: .5em; margin: 0 0 .625em 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }

.trigger.active { background-color: #dadada;; margin:  0; }
.trigger h3{margin: 0;}
.trigger a { font-weight: normal; }
.trigger a::after{color: rgb(98,98,98); float: right; content: ""; font-family: FontAwesome; display: inline;text-indent: 0em; font-size: 120%; line-height: 100%; }

.trigger.active a::after{color: rgb(98,98,98); float: right; content: ""; font-family: FontAwesome; display: inline;text-indent: 0em; font-size: 120%; line-height: 100%; }
.toggle_ce{background-color: rgb(255,255,255); padding: 1em;}


/* Zusätze */


/* Zum Seitenanfang TOP */

#toTop {
  text-decoration: none !important;
  z-index: 80;
  position:fixed;
  transition: all .5s ease;
  bottom: 16px;
  right: 16px;
  display: table;
  width: 4em;
  height: 4em;
  opacity: .80;  
}


#toTop span{
  transition: all .3s ease;
  vertical-align:middle;
  text-align: center;
  font-family: FontAwesome;
  color: #333;
  text-decoration: none;
  font-size: 1.75em;
  display: table-cell;
    border-radius: 50%;
  background: #ccc;
}

#toTop span:hover{
  text-decoration: none !important;
  color: #fff !important;
    background: #333;
}

/***********Kacheln********/
.OnlineForm {display: none;}
.page .tx-ipjsonbuilder.tiles.search .searchbutton {color: #0839B6;}
.page .tx-ipjsonbuilder.tiles.list .aktuelles {color: #0839B6;}
.page .tx-ipjsonbuilder.tiles.background {z-index: 200;}
.page .tx-ipjsonbuilder.tiles.list .iframeWrapper, .page .tx-ipjsonbuilder.tiles.list .poi .detailWindow {z-index: 1000;padding: 60px 0 60px 0;}
.page .tx-ipjsonbuilder.tiles.search .searchbutton.active {background-color: rgb(214, 210, 247);}
.bodyTiles.tourismus .page .extras {float: left;width: auto;}
.bodyTiles.tourismus .page .extras .mobilMenu {padding: 10px 0 0 0;}
.bodyTiles.tourismus .page .navigation2.box {right: 0;top: 70px;}
@media screen and (max-width: 1050px){
.bodyTiles.tourismus .tx-ipjsonbuilder.tiles.search {display: block!important;}
.bodyTiles.tourismus .page .sprache {float: right;padding: 12px;margin-top: 18px;border-radius: 5px;border: 1px solid #cccccc;margin-right: 10px;}
.bodyTiles.tourismus .page .mobilSuche {position: initial;float: right;padding: 10px;margin-top: 10px;border-radius: 5px;border: 1px solid #cccccc;margin-left: 10px;}
.bodyTiles.tourismus .page .mobilMenu {margin-left: 10px;}
	.page .main .tx-ipjsonbuilder.tiles.search {position: relative; top: 0;}
	.news .csc-textpic-imagewrap, .events .ce-textpic-imagewrap {height: auto;}
}

/***********Full Screen********/
.bodyFull,.bodyFull .page {background-color: #fff;}
.bodyFull main {margin-top: 150px;}
.bodyFull main .rechts {}
.bodyFull main .mitte {background-color: unset;}
.bodyFull header .headerInnen {max-width: unset;}
.bodyFull header .headerInnen .extras {width:50%;}
.bodyFull header .headerInnen .navigation3 {width:80%;margin: 10px auto;position: initial;right: unset;bottom: unset;border-top: 1px solid #eee;padding-top: 10px;}
.bodyFull header .dsLogos {width: 80%;margin: auto;text-align: center;}
.bodyFull.tourismus .main .content {max-width: 100%;}
.bodyFull.tourismus .content .medium  {max-width: 100%;}
.bodyFull.tourismus main {margin-top: 33px;}
.bodyFull.tourismus .zweiSpalten {padding: 0 0 2% 0;}
.bodyFull.tourismus header .headerInnen {max-width: 80em;}

/********************************************************************************************************************************* */

@media screen and (min-width: 480px){
/* Größer als kl Smartphone*/

/* schließendes mediaquerie folgt */
}

@media screen and (min-width: 540px){
/* Größer als kl Smartphone*/


/* schließendes mediaquerie folgt */
}

@media screen and (max-width: 768px){
	.page .tx-ipjsonbuilder.tiles.list .iframeWrapper, .page .tx-ipjsonbuilder.tiles.list .poi .detailWindow {z-index: 215;padding: 60px 0 60px 0;}
}

@media screen and (min-width: 769px){
/* Größer als Tablet Portrait*/


.header{position: fixed; height: 7em; z-index: 999; top: 0; left: 0;}
.main {padding: 7em 0 2em 0}

.contrast{background-color: rgb(0,0,0); -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; float: left; width: 1.5em; height: 1.5em; -webkit-transition: all .3s ease; transition: all .3s ease; display: table; text-align: center; border: 0; border-radius: 50%; }
.contrast span {display: table-row; }
.contrast a { text-decoration: none; font-size: 100%;  display: table-cell; vertical-align: middle; color: rgb(255,255,255);  }
.contrast:hover {background-color: rgb(255,255,255); text-decoration: none; }
.contrast:hover a{color: rgb(0,0,0)}

.sprache {padding: .25em 0 0 1em;}

.mobilSuche,
.mobilMenu {display: none;}

.sprache{float: right; padding: .5em 1em 0 0;}

.kopfbildrahmen{position: relative;}

.sub {display: block; padding: 0 1em; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; position: absolute; bottom: 2.5em; z-index: 199; display: block;}
.sub .klickmenu  {background: #222; opacity: .85; width: 66%; float: left; height: 42px; }
.sub .klickmenu ul{font-size: 1em; padding: .75em 1em 0 1em; list-style-type: none;}
.sub .klickmenu ul li{float: left; color: #fff; padding: 0; }
.sub .klickmenu ul li a{color: #fff; text-decoration: none; }
.sub .klickmenu:hover  {opacity: 1;}

.sub .suche{ border: 1px solid #999; width: 30.8%; float: right; background: #fff url(../Design/Lupe.png) right center no-repeat; background-size: 4em auto ;}
.sub .suche form{padding: .65em 1em; margin: 0}
.sub .suche input{border: 0; width: 100%; background: none; font-size: 1em;}
.sub .suche input.go{display: none; }


/*.content .medium:first-child .frame:first-child .ce-image .image {height: 400px;}
.content .medium:first-child .frame:first-child .ce-image .image img {position: absolute; top: 50%;}
*/
/* Layout */

.main .frame-default .farbig {padding: .5em 1em;  }
.main .ce-frame .farbig {padding: .5em 1em;  }

.frame-design1 .farbig {border-radius: 1em 1em 0 0 ; }
.frame-design2 .farbig {border-radius: 1em 1em 0 0 ; }
.frame-design2 .innenText {border-radius: 0 0 1em 1em ; }

.frame-design3 .ce-bodytext,
.frame-design3 .ce-textpic,
.frame-design2 .ce-image,
.frame-design2 .ce-bodytext,
.frame-design2 .ce-menu,
.frame-design2 .ce-textpic{border-radius: 0 0 1em 1em; padding: .5em 1em}


 /* Layout 1 Startseite */
.layout1 .mitte{float: left; width: 65.66%; margin: 1em 0; }
.layout1 .rechts{float: right; width: 31.33%;  }

.layout1 .rechts .ce-textpic {padding: .75em 1.5em;  border-radius: 0 0 .5em .5em ; box-shadow: 0 .2em .25em .025em #999}

 /* Layout 2 */

.layout2 .mitte{float: left; width: 65.66%; margin: 0 0 1em 0; }
.layout2 .rechts{float: right; width: 31.33%;  }

.layout2 .frame-design2 .innenText,
.layout2 .frame-design2 .ce-bodytext,
.layout2 .frame-design2 .ce-uploads,
.layout2 .frame-design2 .ce-textpic,
.layout2 .frame-design3 .innenText,
.layout2 .frame-design3 .ce-bodytext,
.layout2 .frame-design3 .ce-uploads,
.layout2 .frame-design3 .ce-textpic{padding: .5em 1em;  border-radius: 0 0 1em 1em;}

.layout2 .mitte .frame-default .csc-bodytext,
.layout2 .mitte .frame-default .csc-textpic,
.layout2 .mitte .frame-default .ce-bodytext,
.layout2 .mitte .frame-default .ce-textpic{padding: .5em 1em;  }
.layout2 .mitte .frame-default .ce-textpic .ce-bodytext{padding: 0;  }

/* Layout 5 - Normal , ohne media */

.layout5 .medium {position: relative;overflow: hidden; height: 9em;}
.layout5 .sub {margin: 0;  padding: 2em 0 0 0;}
.layout5 .mitte{float: left; width: 65.66%; margin: 0 0 1em 0; }
.layout5 .rechts{float: right; width: 31.33%;  }


/* dreiSpalten */
.dreiSpalten {padding: .5em 2%; clear: left; -webkit-box-sizing: border-box; box-sizing: border-box; }

.dreiSpalten .col1, .dreiSpalten .col2, .dreiSpalten .col3{float: left; width: 33.33%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.dreiSpalten .col1{padding: 0 1% 0 3% } 
.dreiSpalten .col2{padding: 0  2%}
.dreiSpalten .col3{padding: 0 3% 0 1% }

/* Navigation */

.navigation2 {width:100%;max-width:80em;position:absolute;bottom:1px;z-index:55;display:block;}
.navigation2 > ul {display: block; width: 100%;}
.navigation2 > ul li {margin: 0; float:left; width: 25%; list-style: none;}
.navigation2 > ul li p,
.navigation2 > ul li a {
font-size: 1.0em ;
padding: .575em 0 .35em 0;
width: 100%;
color: #333;
text-decoration:none;
text-align: center;
display:inline-block;
background: #f8f8f8;
text-transform: uppercase;
line-height: 1em;
font-family: DINWeb-Medium;
-webkit-transition: all .5s ease;
transition: all .5s ease;
cursor: pointer;
}
.navigation2 > ul li a {color: #454545; border-top: 4px solid #999;}
.navigation2 > ul li:hover > a,
.navigation2 > ul li:hover > p{color: #fff!important;}
.navigation2 > ul li.gruen:hover > a,
.navigation2 > ul li.gruen:hover > p,
.navigation2 > ul li.gruen:hover ul{background: #339900;}
.navigation2 > ul li.gruen ul li:hover,
.navigation2 > ul li.gruen ul li.act{background: #267300;}
.navigation2 > ul li.act.gruen > a,
.navigation2 > ul li.act.gruen > p{border-top: 4px solid #339900; color: #339900;}
.navigation2 > ul li.blau:hover > a,
.navigation2 > ul li.blau:hover > p,
.navigation2 > ul li.blau:hover ul{background: #0034b8;}
.navigation2 > ul li.blau ul li:hover,
.navigation2 > ul li.blau ul li.act{background: #002480;}
.navigation2 > ul li.act.blau > a,
.navigation2 > ul li.act.blau > p{border-top: 4px solid #0034b8; color: #0034b8;}
.navigation2 > ul li.rot:hover > a,
.navigation2 > ul li.rot:hover > p,
.navigation2 > ul li.rot:hover ul{background: #d10018;}
.navigation2 > ul li.rot ul li:hover,
.navigation2 > ul li.rot ul li.act{background: #a60013;}
.navigation2 > ul li.act.rot > a,
.navigation2 > ul li.act.rot > p{border-top: 4px solid #d10018; color: #d10018;}
.navigation2 > ul li.orange:hover > a,
.navigation2 > ul li.orange:hover > p,
.navigation2 > ul li.orange:hover ul{background: #d96c00;}
.navigation2 > ul li.orange ul li:hover,
.navigation2 > ul li.orange ul li.act{background: #b35900;}
.navigation2 > ul li.act.orange > a,
.navigation2 > ul li.act.orange > p{border-top: 4px solid #d96c00; color: #d10018;}
.navigation2 > ul li ul{position:absolute;/*width:100%;left:0;*/width: 25%;display:none;opacity:.9;}
.navigation2 > ul li:hover ul{display:block;}
.navigation2 > ul ul li{/*width:33.3%*/width: 100%;}
.navigation2 > ul ul li > *{background:none;border-top:none;color:#fff;/*min-height:136px;width:92%*/;padding:5% 4% 0;}
.navigation2 > ul ul li span{display:block;text-align:left;}
.navigation2 > ul ul li .headline{font-size: 1.2em;line-height: 1.2em;text-transform: none;padding: 0;margin: 0 0 .5em 0;}
.navigation2 > ul ul li .textbody{font-size: 1.2em;line-height: 1.2em;text-transform: none;padding: 0;margin: 0 0 .5em 0;}
.navigation2 ul li ul li a {font-size: 0.7em;}
.navigation2 ul li ul li  {border-bottom:1px solid white;}
.navigation2 ul li ul .act P {font-size: 0.7em;}
  
.navigation{width: 100%; position: absolute; right: 0; top: 1px; z-index: 55; display: block;}
ul#navi {display: block;}


span.sf-sub-indicator {display: none; visibility: hidden;}
ul.sf-menu{list-style-type: none;padding: 0; margin: 0; }

ul.sf-menu li {margin: 0; float:left; width: 25%; }

ul.sf-menu li p,
ul.sf-menu li a {
  font-size: 1.0em ;
  padding: .575em 0 .35em 0;
  width: 100%;
  color: #333;
  text-decoration:none;
  text-align: center;
  display:inline-block;
  background: #f8f8f8;
  text-transform: uppercase;
  line-height: 1em;
  font-family: DINWeb-Medium;
   -webkit-transition: all .5s ease;
  transition: all .5s ease;
}


ul.sf-menu li.gruen  a {color: #454545; border-top: 4px solid #999;}
ul.sf-menu li.blau  a{color: #454545; border-top: 4px solid #999;}
ul.sf-menu li.rot a{color: #454545; border-top: 4px solid #999;}
ul.sf-menu li.orange a{color: #454545; border-top: 4px solid #999;}

ul.sf-menu li.act a,
ul.sf-menu li.sfHover a,
ul.sf-menu li a:hover {color: #fff;}

ul.sf-menu li.act.gruen p,
ul.sf-menu li.act.gruen a{border-top: 4px solid #339900; color: #339900;}
ul.sf-menu li.act.gruen p:hover,
ul.sf-menu li.gruen.sfHover a{background: #339900; opacity: .9; color: #fff;}
ul.sf-menu li.act.gruen a:hover{color: #fff;}

ul.sf-menu li.act.blau a{border-top: 4px solid #0034b8; color: #0034b8;}
ul.sf-menu li.blau.sfHover a{background: #0034b8; opacity: .9; color: #fff;}
ul.sf-menu li.act.blau a:hover{color: #fff;}

ul.sf-menu li.act.rot p,
ul.sf-menu li.act.rot a{border-top: 4px solid #d10018; color: #d10018;}
ul.sf-menu li.act.rot p:hover,
ul.sf-menu li.rot.sfHover a{background: #d10018; opacity: .9; color: #fff;}
ul.sf-menu li.act.rot a:hover{color: #fff;}

ul.sf-menu li.act.orange a{border-top: 4px solid #d96c00; color: #d10018;}
ul.sf-menu li.orange.sfHover a{background: #d96c00; opacity: .9; color: #fff;}
ul.sf-menu li.act.orange a:hover{color: #fff;}


ul.sf-menu li.gruen a:hover,
ul.sf-menu li.gruen ul,
ul.sf-menu li.act.gruen ul,
ul.sf-menu li.gruen.sfHover ul{background: #339900; opacity: .95;}

ul.sf-menu li.blau a:hover,
ul.sf-menu li.blau ul,
ul.sf-menu li.act.blau ul,
ul.sf-menu li.blau.sfHover ul{background: #0034b8; opacity: .95;}


ul.sf-menu li.rot a:hover,
ul.sf-menu li.rot ul,
ul.sf-menu li.act.rot ul,
ul.sf-menu li.rot.sfHover ul{background: #d10018; opacity: .95;}

ul.sf-menu li.orange a:hover,
ul.sf-menu li.orange ul,
ul.sf-menu li.act.orange ul,
ul.sf-menu li.orange.sfHover ul{background: #d96c00; opacity: .95;}




/* Drop-Down Navigation */
/* ul.sf-menu li:hover ul {  opacity: 1;  } */

ul.sf-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 99999;
  -webkit-transition:opacity 0.3s linear, visibility 0.2s linear;
  transition:opacity 0.3s linear, visibility 0.2s linear;   
  top: auto;  
  left: 0;
  width: 100%;

}

ul.sf-menu ul li {
  /* clear: both; */
  width: 33.33%;
  margin: 0;
  border: 0;
  background: none;
  text-align: left;
  opacity: .9;
  height: 8.5em;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
 }

ul.sf-menu ul li p {  border: 0 !important; padding: .3em  0; color: rgb(255,255,255) !important; background: none !important; text-align: left; }

ul.sf-menu li ul li {text-align: left; padding: 0; text-transform: none; }
ul.sf-menu li ul li dl{padding: .75em 1em .25em 1em; color: #fff;}

ul.sf-menu li ul li dd{font-size: 1.2em; line-height: 1.2em; text-transform: none; padding: 0; margin: 0 0 .5em 0}

ul.sf-menu li ul li p,
ul.sf-menu li ul li a{font-size: 1.2em; line-height: 1.2em; text-transform: none; padding: 0; margin: 0 0 .5em 0}


/* blau */

ul.sf-menu li.blau ul li a,
ul.sf-menu li.act.blau ul li a,
ul.sf-menu li.blau.sfHover ul li a{font-family: DINWeb-Medium; text-align: left; width: 100%; background: none; border: 0; color: #fff;}

ul.sf-menu li.blau ul li,
ul.sf-menu li.act.blau ul li,
ul.sf-menu li.blau.sfHover ul li{ background: #0034b8; border-top: 0;}

ul.sf-menu li.act.blau li.cur,
ul.sf-menu li.blau ul li:hover,
ul.sf-menu li.act.blau ul li:hover,
ul.sf-menu li.blau.sfHover ul li:hover{background: #002480; border-top: 0;   opacity: 1;}



/* gruen*/

ul.sf-menu li.gruen ul li a,
ul.sf-menu li.act.gruen ul li a,
ul.sf-menu li.gruen.sfHover ul li a{font-family: DINWeb-Medium; text-align: left; width: 100%; background: none; border: 0; color: #fff; }

ul.sf-menu li.gruen ul li,
ul.sf-menu li.act.gruen ul li,
ul.sf-menu li.gruen.sfHover ul li{ background: #390; border-top: 0; }

ul.sf-menu li.act.gruen li.cur,
ul.sf-menu li.gruen ul li:hover,
ul.sf-menu li.act.gruen ul li:hover,
ul.sf-menu li.gruen.sfHover ul li:hover{background: #267300; border-top: 0;   opacity: 1;}

/* rot */

ul.sf-menu li.rot ul li a,
ul.sf-menu li.act.rot ul li a,
ul.sf-menu li.rot.sfHover ul li a{font-family: DINWeb-Medium; text-align: left; width: 100%; background: none; border: 0; color: #fff;}

ul.sf-menu li.rot ul li,
ul.sf-menu li.act.rot ul li,
ul.sf-menu li.rot.sfHover ul li{ background: #d10018; border-top: 0;}


ul.sf-menu li.act.rot li.cur,
ul.sf-menu li.rot ul li:hover,
ul.sf-menu li.act.rot ul li:hover,
ul.sf-menu li.rot.sfHover ul li:hover{background: #a60013; border-top: 0;   opacity: 1;}


/* orange */

ul.sf-menu li.orange ul li a,
ul.sf-menu li.act.orange ul li a,
ul.sf-menu li.orange.sfHover ul li a{font-family: DINWeb-Medium; text-align: left; width: 100%; background: none; border: 0; color: #fff;}

ul.sf-menu li.orange ul li,
ul.sf-menu li.act.orange ul li,
ul.sf-menu li.orange.sfHover ul li{ background: #d96c00; border-top: 0;}


ul.sf-menu li.act.orange li.cur,
ul.sf-menu li.orange ul li:hover,
ul.sf-menu li.act.orange ul li:hover,
ul.sf-menu li.orange.sfHover ul li:hover{background: #b35900; border-top: 0;   opacity: 1;}

.footer .kontakt{float: left; width: 33.3%; padding: 0;}
.footer .socials{float: left; width: 33.3%; padding: 0 10% 0 0;}
.footer .wetter{clear: none; padding: 0; float: left; width: 14%}
.footer .stadt{float: right; width: 19%}

/* Extensions */

.news-list-view{ border-radius: 0 0 .5em .5em ; box-shadow: 0 .2em .25em .025em #999}
.news-list-view .article {padding: .75em 1.5em 0;}
  
.flex-direction-nav li a {top: 60%;}

.layout2 .mitte,.layout2 .rechts{margin: 1em 0!important;}
/* schließendes mediaquerie folgt */
}

@media screen and (min-width: 960px){
/* PC */
.logo{width: 30%;position:relative;z-index:60;}
.logoA {height: 6em; width: 90%; max-width: 305px; background-image: url(../Design/damarketing2.png); background-size: 100% auto;}

.navigation2 ul{width:70%;float:right;}

.navigation ul{padding: 0 0 0 30%; }
.layout1 .medium{max-height: 26.625em;}


/* schließendes mediaquerie folgt */
}
.page .main .frame-default .farbig h2,
.tx-ipjsonbuilder .farbig h2 {color: rgb(255,255,255); padding: 0; margin: 0;}
div.csc-textpic-intext-left .csc-textpic-imagewrap {float: left;margin-right: 10px;}
.csc-header-alignment-center {text-align: center;}
.medium .farbig {display: none;}

figure.image {display: table;}
figcaption.image-caption {display: table-caption;text-align: left;caption-side: bottom;font-size: 85%;}

.medium figure.image {display: block;}
.medium figcaption.image-caption {display: none;}