/********************************************************************************************* 1. Toolbox CSS ------------------------- All Theme Files *********************************************************************************************/ /* Reset & General Styling */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } b, strong { font-weight: bold; } blockquote { margin: 0 40px; } small { font-size: 85%; } ul, ol { margin: 0; padding: 0; list-style-position: inside; } ul ul, ol ol, ul ol, ol ul { margin: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } legend { border: 0; *margin-left: -7px; padding: 0; } label { cursor: pointer; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;-webkit-appearance: none; } button, input { line-height: normal; *overflow: visible; } table button, table input { *overflow: auto; } button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; } input[type=checkbox], input[type=radio] { box-sizing: border-box; } input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; border: 0; width: 100%; } th { text-align: left; } td { vertical-align: top; line-height:27px; } ::placeholder { opacity: 0.6; color: #000; } @font-face { font-family: 'lovelo'; src: url('fonts/LoveloBlack.eot'); src: local('Lovelo Font'), local('Lovelo-Font'), url('fonts/LoveloBlack.otf') format('opentype'); } /* Blogger Sans - bold */ @font-face { font-family: 'bloggersans'; src: url('fonts/Blogger_Sans-Bold-webfont.woff'); src: local('Blogger Sans'), local('Blogger-Sans'), url('fonts/Blogger_Sans-Bold.otf') format('opentype'); } /* gudea-regular - latin */ @font-face { font-family: 'Gudea'; font-style: normal; font-weight: 400; src: url('fonts/gudea-v5-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Gudea'), url('fonts/gudea-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/gudea-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/gudea-v5-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/gudea-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/gudea-v5-latin-regular.svg#Gudea') format('svg'); /* Legacy iOS */ } /* gudea-700 - latin */ @font-face { font-family: 'Gudea'; font-style: normal; font-weight: 700; src: url('fonts/gudea-v5-latin-700.eot'); /* IE9 Compat Modes */ src: local('Gudea Bold'), local('Gudea-Bold'), url('fonts/gudea-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/gudea-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/gudea-v5-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/gudea-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/gudea-v5-latin-700.svg#Gudea') format('svg'); /* Legacy iOS */ } /* roboto-condensed-300 - latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: url('fonts/roboto-condensed-v16-latin-300.eot'); /* IE9 Compat Modes */ src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url('fonts/roboto-condensed-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-condensed-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-condensed-v16-latin-300.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-condensed-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-condensed-v16-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* roboto-condensed-regular - latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: url('fonts/roboto-condensed-v16-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url('fonts/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-condensed-v16-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-condensed-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* roboto-condensed-700 - latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: url('fonts/roboto-condensed-v16-latin-700.eot'); /* IE9 Compat Modes */ src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url('fonts/roboto-condensed-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-condensed-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-condensed-v16-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-condensed-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-condensed-v16-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* Smart clearfix */ .clear, .cleaner { clear: both; height: 0; overflow: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* Headings */ h1,h2,h3,h4,h5,h6 { margin:0; padding:0; } h1 { font-size: 30px; font-family: 'Roboto Condensed', sans-serif; } h2 { font-size: 30px; font-family: 'Roboto Condensed', sans-serif; } h3 { font-size: 20px; } h4 { font-size: 16px; text-align:center; } h5 { font-size: 14px; } h6 { font-size: 12px; } /* Text Selection Color */ ::-moz-selection { background: #05C; color: #fff; text-shadow: none; } ::selection { background: #05C; color: #fff; text-shadow: none; } img::-moz-selection { background: transparent; } img::selection { background: transparent; } .noselect { cursor: default; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } /* Navigation */ div.navigation { text-transform:uppercase; padding-bottom: 25px; text-align:center; margin: 0 0 25px; font-size: 16px; } #comments .navigation.bttm { margin-top: 0px; } div.navigation a { text-decoration: none; padding: 9px 14px; margin: 11px; font-weight:bold; font-size: 16px; color: #646567; border-radius: 18px; } div.navigation span.current { padding: 9px 14px; margin: 11px; color:#fff; font-weight:bold; background: #d7241a; border-radius: 18px; } div.navigation span.pages { display: none; } div.navigation a:hover { color:#fff; background: #000; } div.navigation .alignleft, div.navigation .alignright { margin: 0; } div.navigation .prev { float:left;display:none; } div.navigation .next { float:right;display:none; } /* Forms */ input, textarea { font-size: 20px; width: 90%; padding: 25px 5%; border-radius: 4px; border: none; color: #000; background: #b3b3b3; font-family: 'Gudea', sans-serif; } .contact-form { width: 90%; max-width: 600px; margin: 0 auto 20px; } .contact-form input, .contact-form textarea, .full-width .entry .contact-form p { text-align: center; } .full-width .entry .contact-form p { padding: 0; margin: 0 0 40px; } input.wpcf7-file { background: none; width: auto; } input:focus, textarea:focus { border-color: #999; color: #fff; } button, input[type=button], input[type=reset], input[type=submit] { background: #d7241a; padding:10px 30px; border: none 0; color: #fff; font-size:16px; font-weight: bold;border-radius:5px; } button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { background: #000; cursor: pointer; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; } input#s { text-align:center; margin: auto;padding:0; height: calc(100% - 100px); animation: blink-empty 1s infinite; border-left: transparent solid 1px; } /********************************************************************************************* 2. Global Styles *********************************************************************************************/ body { color: #000; font-family: 'Gudea', sans-serif; font-size: 15px; overflow: hidden; margin: 0; padding: 0; background: #fff; } body.admin-bar #topleiste, body.admin-bar #topleistehp { top: 32px; } body.admin-bar #hiddennavbarsecondm, body.admin-bar #hidden3unterhaltung, body.admin-bar #hidden3inspiration, body.admin-bar #hidden3lifestyle, body.admin-bar #searchwall, body.admin-bar #hiddenmobilemenu { top: 92px; } body.admin-bar #stickybox { margin-top: 2px !important; text-align:center; } ::selection {color: white; background-color: #d7241a;} ::-moz-selection {color: white; background-color: #d7241a;} /* Links */ a { color: #d7241a; text-decoration:none; font-weight:bold; } a:hover { text-decoration:none; color:#000} a:focus { outline: none; } a:hover, a:active { outline: none; } p { margin: 0 0 15px; padding: 0; } .inner-wrap, .inner-wrap-single, .inner-wrap-hp { margin: 0 auto; width: 1300px; background:#fff; } .inner-wrap-archiv { background:#fff; } .zickzack { --mask: conic-gradient(from -40deg at bottom,#0000,#000 1deg 79deg,#0000 80deg) 50%/18.46px 100%; -webkit-mask: var(--mask); mask: var(--mask); } .dashedline { background-image: repeating-linear-gradient(90deg, #ececec, #ececec 20px, transparent 20px, transparent 40px); background-position: left -35px top; background-repeat: repeat-x; background-size: calc(100% * 40) 4px; } /********************************************************************************************* 3. Header ------------------------- header.php *********************************************************************************************/ #topcontainer { width:100%; height: 60px; margin:0 auto; display:inline-block; } #topcontainerhp { width: 100%; height: 60px; margin:0 auto; display:inline-block; text-align:right; } #topleiste, #topleistehp { width:100%; background: #fff; height: 60px; position:fixed; top:0px; z-index: 999998; text-align:center; transition: all 0.3s linear; } #topleiste.shadow, #topleistehp.shadow { box-shadow: 0px -1px 8px 4px #00000094; transition: all 0.3s linear; } #topleiste.unterhaltung { background: #d7241a; } #topleiste.inspiration { background: #000; } #topleiste.lifestyle { background: #646567; } a#schriftlogo { float: left; margin-left: 10px; opacity:0; width: 274px; text-align: left; } a#schriftlogo.da { opacity:1; } #schriftlogo img { padding: 6px 10px; width: 218px; height: auto; transition: all 0.3s linear; } #schriftlogo:hover img { padding: 2px 10px; width: 254px; transition: all 0.1s linear; } #wpadminbar {z-index:9999999 !important;} .topleistenmenu { height:60px; display:inline; float:right; text-align:right; } .topleistenmenu a { padding: 20px 7px; display: inline-block; font-family: bloggersans; letter-spacing: 1px; text-transform: uppercase; font-size: 17px; } #likebuttontopleiste a { margin-left: 0px; } #topleistenbanner { display: inline-block; max-height: 50px; max-width: 400px; overflow: hidden; padding-top: 5px; } .topleistenmenu a.stoggle, .topleistenmenu a.mtoggle { padding:0px; float: right; } .topleistenmenu a span { color:#fff; } #mobhplogo { max-width:40%; aspect-ratio: 1/1; height:200px; max-height: 40vw; } a.stoggle { font-size:23px;width:60px;height:60px;padding:0;display:inline-block;text-align:center;color:#444; } a.mtoggle, a.mtogglemobile { font-size:26px;width:60px;height:60px;padding:0;display:inline-block;text-align:center;color:#444; } a.stoggle:hover, a.mtoggle:hover { background:#dfdfdf; } .fa { vertical-align:middle;padding-top:1px; } a.stoggle i { vertical-align:middle;padding-top:18px; } a.mtoggle i, a.mtogglemobile i { vertical-align:middle;padding-top:17px; } a.mtogglemobile.red { background:#d7241a; } #footest a.anchorLink { margin-top: 40px; } #footest a.anchorLink i { font-size: 30px; width: 36px; height: 36px; padding: 10px; border-radius: 5px; display: inline-block; color: #646567; text-align: center; } #footest a.anchorLink i:hover { background:#fff;color:#000; } #rpmplayer { display: inline-block; height: auto; width: 100%; overflow: hidden; } .entry #rpmplayer > div { min-height: 340px; } #rpmwrapper { max-width: 600px; margin: 0 auto; } #rpmplayer iframe { margin: 10px auto 60px !important; } #rpmwrapper ins.adsbygoogle { margin-bottom: 45px; } #sidebar #rpmplayer {margin: 0 0 30px;} #sidebar .anzeige { min-height: 280px; } #sidebar .anzeige > div > div, #stickywrapper > div > div { min-height: 250px; } #footest #footcats {width: 100%;display:inline-block;color:#fff;margin:60px 0 30px; max-width: 900px;} #footest #footcats h3 {margin: 0 0 30px 0;text-align: Center;} #footest #footcats a {color:#646567;margin:0 0 5px;display:block;} #footest #footcats a:hover {color:#fff;} #footest #footcats h3 a {text-transform:uppercase;font-weight:bold;color:#fff;font-family: bloggersans;font-size: 23px;letter-spacing:1px;} #footest #footcats h3 a:hover {color:#d7241a;} .footcat {width: 30%;float:left;padding-right:5%;text-align:center;} .footcat:last-of-type {float:right;padding:0;} #dreierstamm { display:inline-block; margin-right: 20px; } #dreierstamm a, #hiddennavbarsecondm a, #hidden3unterhaltung a, #hidden3inspiration a, #hidden3lifestyle a { font-family: bloggersans; letter-spacing: 1px; float: left; } .topleistenmenu a#dreiunterhaltung { color: #d7241a; } .topleistenmenu a#dreiinspiration { color: #272727; } .topleistenmenu a#dreilifestyle { color: #646567; } .topleistenmenu a#dreiunterhaltung:hover { color: #fff; background: #d7241a; } .topleistenmenu a#dreiinspiration:hover { color: #fff; background: #000; } .topleistenmenu a#dreilifestyle:hover { color: #fff; background: #646567; } #topleiste.categorized .topleistenmenu a { color: #fff; opacity: 0.6; } #topleiste.categorized .topleistenmenu a:hover { opacity: 1; background: unset; } #topleiste.categorized .topleistenmenu a.mtoggle, #topleiste.categorized .topleistenmenu a.mtogglemobile, #topleiste.categorized .topleistenmenu a.stoggle { color: #fff; opacity: 1; } #topleiste.categorized .topleistenmenu a.mtoggle:hover, #topleiste.categorized .topleistenmenu a.mtogglemobile:hover, #topleiste.categorized .topleistenmenu a.stoggle:hover { background: #ffffff59; } #searchwall { display:none; width:100%; height: calc(100% - 60px); position:fixed; top:60px; opacity: 0.8; z-index:16777271; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6979385504201681) 30%, rgba(0,0,0,0.6895351890756303) 70%, rgba(0,0,0,1) 100%); } #hiddenmobilemenu { display:none; width:100%; height:calc(100% - 60px); position:fixed; top:60px; background:#d7241a; z-index:16777271; } body.admin-bar #hiddenmobilemenu { height:calc(100% - 92px); } .submenu { display:inline-block;width:100%; height: 10%; overflow: hidden; text-align:center; color: #fff; vertical-align: top; transition: all 0.2s linear; } .submenu.active { height: 70%;} #hmm1 { background: #b7150c; } #hmm2 { background: #272727; } #hmm3 { background: #494a4b; } #hmm4 { background: #dfdfdf; color: #767676 } #hmm1.active { background: #d7241a; } #hmm2.active { background: #000; } #hmm3.active { background: #646567; } #hmm4.active { background: #fff; color: #000; } #hmm4.active a { color: #000; } .overlay { z-index: 9999; width: 100%; height: 100%; position: absolute; top: 0; left: 0;} .overlay.hidden { display: none; } .hmmpart { padding-top: 1.5vh; color:#fff; position: relative; } .hmmpart a { color: #fff; font-size: 2vh; display: block; width: 100%; padding: 1vh 0; margin-bottom: 1vh; } .hmmpart h2 a, #hmm4 h2 { color: #fff; font-size: 3vh; padding: 1.5vh 0; margin-bottom: 3vh; font-family: bloggersans; text-transform: uppercase; letter-spacing: 1.5px; } #hmm4 h2 a, #hmm4 h2 { color: #767676; } #hmm4.active h2 a, #hmm4.active h2 { color: #000; } textarea:focus, input:focus{ outline: none; } .inner-wrap-hp #oben { text-align: center; padding: 70px 0 20px; } .inner-wrap-hp #obendesk { padding: 20px 0; } .inner-wrap { margin-top: 60px; } .inner-wrap #oben, .inner-wrap-single #oben { margin: 0; text-align: center; width: 100%; padding: 56px 50% 19px; margin-left: -50%; position: relative; } .inner-wrap #oben { margin: 30px 0 15px; text-align: center; width: 100%; margin-left: -50%; position: relative; } .inner-wrap #obendesk { margin: 15px 0 -20px; } #logo2 { max-width:100%; } #iphonelogo, #iphonelogo2 { background-image: url(/wp-content/themes/originmag/images/LwDn19_Logo-Schriftzug_farbig.png); max-width: 1000px; width: 100%; height: 13vw; max-height: 150px;background-size: 100%;background-repeat: no-repeat;margin:0 auto; } #iphonelogo3 { background-image: url(/wp-content/themes/originmag/images/LwDn19_Logo-Schriftzug_farbig.png);width:750px;height:100.5px;background-size: 100%;background-repeat: no-repeat;margin:0 auto; } .menu a, .menu a:visited { color:#000; display:block; outline: 0; font-size:14px; font-family: 'Gudea', sans-serif; } .menu a:hover, .menu a:active { outline: 0; color:#d7241a; text-decoration:none; } #search, #searchform { width:100%; height: 100%; align: center; text-align:center; z-index: 9997; } .form-input { text-align: center; align: center; margin: auto; height: 100%; padding: auto; width: 100%; color: #fff; font-size:250px; font-family: 'Roboto Condensed', sans-serif; font-weight: 900; background:none; border: None; } .form-input:focus { margin: auto; width: 100%; height: 100%; color: #fff; font-family: 'Roboto Condensed', sans-serif; font-size:250px; color: #fff; } .form-input:mouse-over { color: #000; } .search-submit { margin:0 0 0 8px; width: 24px; color: #666; font-size:.85em; } p.contact-submit { text-align:center !important; } #fscf_recaptcha1 div:first-child, #fscf_recaptcha5 div:first-child {margin: 5px auto 15px;} #navbar { border-bottom: 0px solid #e5e5e5; border-top: 3px solid #e5e5e5; } #navbarsecond { padding-top: 10px; margin-left: -4px; margin-bottom: 10px; } #hiddennavbarsecond { display:none; margin-bottom: 5px; } #logo { text-align:center; padding:40px 0; } #logo a { font-size: 66px; font-weight: bold; display: block; line-height:1.2; } #logo span { color:#848484; font-size:14px; display:block; text-align:center; font-weight:normal; } #Sektionen { margin-top:15px; Background: #d7241a; text-align: right; height: 35px; } #Sektionen320 { margin-top:10px; text-align: right; height: 45px; display: None; } #Sektionen568 { margin:20px 0 10px 0; Background: #d7241a; text-align: right; height: 70px; display: None; width:100%; } /* Dropdown menu */ .dropdown, .dropdown * { margin: 0; padding: 0; list-style: none; } .dropdown { line-height: 1.0; } .dropdown ul { position: absolute; top: -999em; width: 170px; /* left offset of submenus need to match (see below) */ } .dropdown ul li { width: 100%; } .dropdown li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .dropdown li { float:left; display:inline; position: relative; } .dropdown a { position: relative; } .dropdown li:hover ul, .dropdown li.sfHover ul { left: 0; top:43px; /* match top ul list item height */ z-index: 99; } ul.dropdown li:hover li ul, ul.dropdown li.sfHover li ul { top: -999em; } ul.dropdown li li:hover ul, ul.dropdown li li.sfHover ul { left: 170px; /* match ul width */ top: 0; } ul.dropdown li li:hover li ul, ul.dropdown li li.sfHover li ul { top: -999em; } ul.dropdown li li li:hover ul, ul.dropdown li li li.sfHover ul { left: 170px; /* match ul width */ top: 0; } #navbarsecond .dropdown ul { position: absolute; top: -999em; width: 170px; /* left offset of submenus need to match (see below) */ } #navbarsecond .dropdown li:hover ul, #navbarsecond .dropdown li.sfHover ul { left: 0; top:49px; /* match top ul list item height */ z-index: 99; } #navbarsecond ul.dropdown li:hover li ul, #navbarsecond ul.dropdown li.sfHover li ul { top: -999em; } #navbarsecond ul.dropdown li li:hover ul, #navbarsecond ul.dropdown li li.sfHover ul { left: 170px; /* match ul width */ top: -10px; } #navbarsecond ul.dropdown li li:hover li ul, #navbarsecond ul.dropdown li li.sfHover li ul { top: -999em; } #navbarsecond ul.dropdown li li li:hover ul, #navbarsecond ul.dropdown li li li.sfHover ul { left: 170px; /* match ul width */ top: -10px; } .dropdown { float:left; } .dropdown a { padding: 6px 10px; margin:3px; text-decoration:none; font-size:12px; font-weight: bold; font-family: 'Gudea', sans-serif; color: #fff; background-Color: #929292; display:block; } .dropdown a:hover { background:#ededed; color:#ea6c35; } .dropdown ul { text-align: left; margin: 0; background:#ededed; border-top:none; z-index:999; padding:10px 0 10px; } #navbar .dropdown ul ul { top:-10px; padding:10px 0 10px; } .dropdown .current_page_item a, .dropdown .current-cat a, .dropdown .current-menu-item a, .dropdown .current_page_item a, .dropdown .current-cat a, .dropdown .current-menu-item a { outline:0; color: #848484; font-weight:bold; background-Color: #d7241a; } .dropdown .current_page_item ul a, .dropdown .current-cat ul a, .dropdown .current-menu-item ul a, .dropdown .current_page_item ul a, .dropdown .current-cat ul a, .dropdown .current-menu-item ul a { outline:0; font-weight:normal; color:#c0c0c0; background-Color: #d7241a; } .dropdown li ul li { float:left; margin:0; padding:0; } .dropdown li ul li a { color:#fff; margin:0; padding:3px 10px; } .dropdown li:hover a { color:#fff; background:#000; } .dropdown li:hover ul a { color:#fff; } .dropdown li:hover li a:hover { color:#ea6c35; } .dropdown a.sf-with-ul { min-width:1px; } .sf-sub-indicator { display:block; margin:0; height:10px; width:100%; float:left; text-indent:-999em; overflow:hidden; background:url('images/downt.png') no-repeat center; } .dropdown li:hover li .sf-sub-indicator { /* give all except IE6 the correct values */ background:url('images/rightt.png') no-repeat right; /* 8-bit indexed alpha png. IE6 gets solid image only */ width:10px; float:right; margin:5px 0 0 5px; } #navbarsecond .sf-sub-indicator { display:block; margin:0; height:10px; width:100%; float:left; text-indent:-999em; overflow:hidden; background:url('images/down.png') no-repeat center; } #navbarsecond .dropdown li:hover .sf-sub-indicator { background:url('images/downh.png') no-repeat center; } #navbarsecond .dropdown li:hover li .sf-sub-indicator { /* give all except IE6 the correct values */ background:url('images/right.png') no-repeat right; /* 8-bit indexed alpha png. IE6 gets solid image only */ width:10px; float:right; margin:5px 0 0 5px; } #navbarsecond .dropdown a { color: #fff; font-size:14px; font-weight: bold; padding:6px 10px; line-height:1.2; } #navbarsecond .dropdown a:hover { background-color: #000000; color:#fff; } #navbarsecond .dropdown ul { background: #242423; padding:10px 0 10px; } #navbarsecond .dropdown ul ul { top:-10px; padding:20px 0 10px; background: #242423; } #navbarsecond .dropdown li ul li { color:#000; } #navbarsecond .dropdown li ul li a { color:#000; padding:4px 10px; } #navbarsecond .dropdown li:hover a { color:#fff; background-color: #000000; } #navbarsecond .dropdown li:hover ul a { color:#fff; } #navbarsecond .dropdown li:hover li a:hover { color:#ea6c35; } /********************************************************************************************* 4. Homepage ------------------------- index.php *********************************************************************************************/ #main { margin: 0 0 50px; min-height: 500px; } #content { float: left; width: 900px; margin-top: 60px; } #contentindex { float: left; width: 1300px; margin-top: 0px; } #blogansicht { background: #fff; text-align: center; } #blogansicht a { font-size: 20px; font-weight: bold; color: #000; padding: 30px 3%; width: 94%; display: inline-block; margin: 0 auto; text-transform: uppercase; letter-spacing: 1px; } #blogansicht a:hover { color:#646567; } #contentsingle { float: left; max-width: 860px; margin-top: 30px; min-height: 3300px; } #revslider.revsliderblogansicht { max-width: 1300px !important; max-height: 550px !important; left: 0 !important; overflow: hidden; } #revslider.revsliderblogansicht rs-fullwidth-wrap { margin-top: -60px !important;} rs-module-wrap#rev_slider_5_1_wrapper { border-radius: 8px; overflow: hidden !important; } .tp-caption.red { letter-spacing: -1px !important; } .featuredschriftu { color: #fff; text-transform: uppercase; background: #fff; font-weight: 900; font-size: 12px; width:90px; text-align:center; padding: 4px 8px 4px; margin: 0 auto; overflow: hidden; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .featuredschriftu a { font-family: bloggersans; color: #d7241a; letter-spacing: 1px; } #inspirationfeatured .featuredschriftu a { color: #000; } #lifestylefeatured .featuredschriftu a { color: #646567; } #inspirationfeatured .featuredschriftu { background: #d7241a; } #lifestylefeatured .featuredschriftu { background: #000; } #sponsored .featuredschriftu a { color: #fff; } #sponsored .featuredschriftu { background: #646567; margin-top:-82px; } #insta { margin: 0 auto; width: 100%; max-width: 1300px; position: relative; z-index: 999; margin-top:20px; } #insta .featuredschriftu { background: #fff; margin-bottom: -20px; margin-top:0; box-shadow: 0 4px 2px -2px #000; } #insta .featuredschriftu a { color: #000; } #insta .featuredschriftu a:hover { color: #d7241a; } #sb_instagram { width:101.1% !important; } .instagram-media, .twitter-tweet, .bluesky-embed { margin: 0 auto !important; } .featuredschrifts { text-transform:uppercase; color: #d7241a; font-weight:900; font-size: 40px; text-align: center; margin: 0; height: 0px; overflow: hidden; } .featuredschrifti, .featuredschriftf { text-transform:uppercase; color: #000; font-weight:900; font-size: 40px; text-align: center; margin: 0; height: 0px; overflow: hidden; } .featuredschriftl { text-transform:uppercase; color: #646567; font-weight:900; font-size: 40px; text-align: center; margin: 0; height: 0px; overflow: hidden; } .fastschrift { text-transform:uppercase; color: #e4e4e4; font-weight:900; font-size: 20px; text-align: center; margin: 0 0 20px; } #hpfeatured .post-contentfeatured { background: #e4e4e4; } .post-contentfeatured a.divlink, .post-contentfast2 a.divlink { position: absolute; width: 108%; margin-left:-4%; height: 100%; top: 0; left: 0; text-decoration: none; /* No underlines on the link */ z-index: 10; /* Places the link above everything else in the div */ background-color: #FFF; /* Fix to make div clickable in IE */ opacity: 0; /* Fix to make div clickable in IE */ filter: alpha(opacity=1); /* Fix to make div clickable in IE */ } .sponsored-wrap { border-radius: 10px; position: relative; overflow: hidden; margin: 0 auto; max-width: 400px; } #unterhaltungff, #lifestyleff, #inspirationff { margin:0 0 10px; width:400px; display:inline-block; float:right; } #hpfeatured #unterhaltungff .recent-post { width:400px; background: #d7241a; padding: 0; height: 100px; overflow: hidden; display: block; margin-bottom:12px; color:#fff; } @media all and (min-width: 720px) { #unterhaltungfeatured .recent-post .post-contentfeatured:hover .featureddachzeile, #lastthingscat .recent-postcat:hover h3.secondary { background: #e53b2a; } #inspirationfeatured .recent-post .post-contentfeatured:hover .featureddachzeile, #lastthingscati .recent-postcat:hover h3.secondary { background: #1f1f1f; } #lifestylefeatured .recent-post .post-contentfeatured:hover .featureddachzeile, #lastthingscatl .recent-postcat:hover h3.secondary { background: #717274; } } @media all and (min-width: 1280px) { #unterhaltungfeatured .recent-post .post-contentfeatured:hover, #lastthingscat .recent-postcat:hover { background: #e53b2a; background: -moz-linear-gradient(top, #e53b2a 70%, #d7241a 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #e53b2a 70%,#d7241a 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #e53b2a 70%,#d7241a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e53b2a', endColorstr='#d7241a',GradientType=0 ); /* IE6-9 */ } #inspirationfeatured .recent-post .post-contentfeatured:hover, #lastthingscati .recent-postcat:hover { background: #1f1f1f; background: -moz-linear-gradient(top, #1f1f1f 70%, #000000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #1f1f1f 70%,#000000 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #1f1f1f 70%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } #lifestylefeatured .recent-post .post-contentfeatured:hover, #lastthingscatl .recent-postcat:hover { background: #717274; background: -moz-linear-gradient(top, #717274 70%, #646567 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #717274 70%,#646567 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #717274 70%,#646567 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#717274', endColorstr='#646567',GradientType=0 ); /* IE6-9 */ } #hpfeatured #unterhaltungff .recent-post:hover { background:#e53b2a; background: -moz-linear-gradient(left, #e53b2a 50%, #d7241a 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #e53b2a 50%,#d7241a 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #e53b2a 50%,#d7241a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e53b2a', endColorstr='#d7241a',GradientType=1 ); /* IE6-9 */ } #hpfeatured #inspirationff .recent-post:hover { background:#1f1f1f; background: -moz-linear-gradient(left, #1f1f1f 50%, #000000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #1f1f1f 50%,#000000 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #1f1f1f 50%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#000000',GradientType=1 ); /* IE6-9 */ } #hpfeatured #lifestyleff .recent-post:hover { background:#717274; background: -moz-linear-gradient(left, #717274 50%, #646567 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #717274 50%,#646567 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #717274 50%,#646567 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#717274', endColorstr='#646567',GradientType=1 ); /* IE6-9 */ } #unterhaltungfeatured .recent-post .post-contentfeatured:hover .thumbfeatured, #inspirationfeatured .recent-post .post-contentfeatured:hover .thumbfeatured, #lifestylefeatured .recent-post .post-contentfeatured:hover .thumbfeatured { height: 260px; margin-left: -20px; margin-top: -10px; overflow: hidden; } #unterhaltungfeatured .recent-post .post-contentfeatured:hover .thumbfeatured img, #inspirationfeatured .recent-post .post-contentfeatured:hover .thumbfeatured img, #lifestylefeatured .recent-post .post-contentfeatured:hover .thumbfeatured img { width: 440px; height: 275px; } } #hpfeatured #inspirationff .recent-post { width:400px; background: #000; padding: 0; height: 100px; overflow: hidden; display: block; margin-bottom:12px; text-color:#fff; } #hpfeatured #lifestyleff .recent-post { width:400px; background: #646567; padding: 0; height: 100px; overflow: hidden; display: block; margin-bottom:12px; color:#fff; } #lasthighlights { width: 100%; display: inline-block; margin: 0 -50%; padding: 20px 50% 30px; } #lastthings #lasthighlights h2.lastthings { background: unset; margin: 30px 0 50px; } #lasthighlights .recent-post {display:inline-block;float:left;margin:0 auto;width:33.3333%;} #lasthighlights > .recent-post {margin-right:6px;margin-left:-6px;} #lasthighlights > .recent-post ~ .recent-post {margin:0;} #lasthighlights .recent-post.last {margin-right:-6px !important;margin-left:6px;} #hpfeatured #unterhaltungff .recent-post a, #hpfeatured #inspirationff .recent-post a, #hpfeatured #lifestyleff .recent-post a { color:#fff; line-height:1.1; } .post-contentfast2 { position: relative; height:100px; } #unterhaltungff .post-contentfast2 h3.secondary, #lifestyleff .post-contentfast2 h3.secondary { font-size: 12px; padding: 5px 0 0; color: #000; font-weight:bold; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 19em; -webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto; } #inspirationff .post-contentfast2 h3.secondary { font-size: 12px; padding: 5px 0 0; color: #646567; font-weight:bold; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 19em; -webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto; } #inspirationfast2, #unterhaltungfast2 { width: 400px; margin-right: 48px; display:inline-block; } #lifestylefast2 { width: 400px; margin-right: 0px; display:inline-block; float: right; } #unterhaltungfeatured, #inspirationfeatured, #lifestylefeatured { width: 100%; display:inline-block; margin-left:-50%; padding: 80px 50% 50px; } #unterhaltungfeatured { background: #d7241a; border-top: 0px solid #fff; } #inspirationfeatured { background: #000; } #lifestylefeatured { background: #646567; } #hpfeatured { margin-bottom:50px; text-align:center; } #hpfeatured .recent-post { margin-bottom: 0; overflow: hidden; padding: 0; width: 368px; margin: 0 18px 36px; display: inline-block; border-radius:10px; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; } #hpfeatured .recent-post:hover { -moz-box-shadow: 0 0 15px #00000087; -webkit-box-shadow: 0 0 15px #00000087; box-shadow: 0 0 15px #00000087; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; -ms-transform: rotate(-1.5deg); -moz-transform: rotate(-1.5deg); -webkit-transform: rotate(-1.5deg); transform: rotate(-1.5deg); -webkit-backface-visibility: hidden; } #hpfeatured .recent-post img { border-top-left-radius: 10px; border-top-right-radius: 10px; object-fit: cover; } #hpfeatured .recent-post h2 { text-align:center; line-height:1.4; display:table; width: 100%; overflow: hidden; height:136px; padding: 0; background: 0 0; margin-top: -27.5px; } #hpfeatured .recent-post h2 a { font-size:25px; color:#fff; padding: 0 15px; display: table-cell; line-height:1.3; vertical-align: middle; text-align: center; word-break: break-word; } #hpfeatured .recent-post .post-contentfeatured {border-radius: 5px;max-height:368px;} #hpfeatured .recent-post.UNT .post-contentfeatured, #hpfeatured .recent-post.unt .post-contentfeatured {background-color:#d7241a;} #hpfeatured .recent-post.INS .post-contentfeatured, #hpfeatured .recent-post.ins .post-contentfeatured {background-color:#000;} #hpfeatured .recent-post.LIF .post-contentfeatured, #hpfeatured .recent-post.lif .post-contentfeatured {background-color:#646567;} #hpfeatured .featureddachzeile {text-align:center;width:100%;top:-20px;} #hpfeatured .recent-post .post-contentfeatured h3.secondary { color:#fff; border-top-left-radius: 3px; border-top-right-radius: 3px; font-size: 11px; letter-spacing: 1.5px; font-family: bloggersans; text-transform: uppercase; max-width: 28em; padding: 4px 12px 0; } #hpfeatured .recent-post .post-contentfeatured h3.secondary {background-color:#fff;color:#000;} #hpfeatured .recent-post.UNT.bw img, #hpfeatured .recent-post.unt.bw img, #hpfeatured .recent-post.INS.bw img, #hpfeatured .recent-post.ins.bw img, #hpfeatured .recent-post.LIF.bw img, #hpfeatured .recent-post.lif.bw img { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } #hpfeatured .recent-post.UNT.bw .post-contentfeatured, #hpfeatured .recent-post.unt.bw .post-contentfeatured, #hpfeatured .recent-post.INS.bw .post-contentfeatured, #hpfeatured .recent-post.ins.bw .post-contentfeatured, #hpfeatured .recent-post.LIF.bw .post-contentfeatured, #hpfeatured .recent-post.lif.bw .post-contentfeatured {background-color:#999;opacity:0.5;} #werbebox.bw {opacity:0.4;} #plusbox {width:368px;height:368px;padding:0;text-align:center;display:inline-block;border-radius:10px;margin:0 18px 36px;vertical-align:top;} #plusbox a { width: 368px; height: 342px; background-color: #d8d8d8; overflow: hidden; padding-top: 26px; display: inline-block; border-radius: 10px; color: #fff; font-size: 240px; font-weight: bold; line-height: 0; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; } #plusbox a p.plustext { font-size: 25px; padding: 0 13px; line-height: 1.3; } #plusbox a:hover { -moz-box-shadow: 0 0 12px #000; -webkit-box-shadow: 0 0 12px #000; box-shadow: 0 0 12px #000; background-color:#999; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; -ms-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -webkit-transform: rotate(-1deg); transform: rotate(-1deg); -webkit-backface-visibility: hidden; } .rotate { -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } #werbebox { width:368px; height:368px; padding:0; text-align:center; display:inline-block; margin:0 18px 36px; vertical-align:top; background-color:#d8d8d8; overflow: hidden; border-radius: 10px; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; } #werbebox:hover { -moz-box-shadow: 0 0 12px #000; -webkit-box-shadow: 0 0 12px #000; box-shadow: 0 0 12px #000; background-color:#999; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; -ms-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -webkit-transform: rotate(-1deg); transform: rotate(-1deg); -webkit-backface-visibility: hidden; } #werbebox .anzeigetext {margin-bottom: 0;} #werbebox:hover a {color:#fff;} #werbebox:hover a:hover {color:#000;} div:has(> #boxbannerwrap) { display: table; text-align: center; width: 90%; height: 90%; max-width: 90%; max-height: 90%; padding: 5% 5% 0; } #langweiledich.net_mr_1 { max-width: 320px; max-height: 280px; margin: 0 auto; } #hpfastfood .recent-post { height:280px; overflow:hidden; margin:0; padding:0; } #hpfastfood2 { margin: 0px 0 50px 0; } #hpfastfood2 .recent-post { height:110px; overflow:hidden; margin: 0; padding:0; } .featureddachzeile { max-width:400px; display:inline-block; position:relative; top:-24px; line-height:20px; } #unterhaltungfeatured .featureddachzeile { background:#d7241a; } #inspirationfeatured .featureddachzeile { background:#000; } #lifestylefeatured .featureddachzeile { background:#646567; } #unterhaltungff .featureddachzeile, #inspirationff .featureddachzeile, #lifestyleff .featureddachzeile { background:none; } .fastfoodthumb { display:inline-block; float:left; margin: 0 10px 10px 0; } #hpfeatured .thumbfeatured { position:relative; -webkit-filter: grayscale(0%); filter: grayscale(0%); overflow:hidden; border-bottom:2px solid #fff; max-width:368px; max-height:230px; } #lastthings .thumbfeatured { position:relative; -webkit-filter: grayscale(0%); filter: grayscale(0%); border-radius:10px; overflow:hidden; max-width:400px; max-height:250px; margin: 0 auto; } #standards { margin: 60px auto 30px; display: inline-block; } #lastthings .standards .thumbfeatured { position:relative; -webkit-filter: grayscale(0%); filter: grayscale(0%); border-radius:5px; aspect-ratio:16/10; overflow:hidden; max-width:100%; margin:0 auto; } #lastthings .standards .thumbfeatured a { display: inline-block; height: 100%; box-shadow: inset 3px 3px 5px 2px #00000096; border-radius: 5px; } .thumbarchive { position:relative; margin-bottom:30px; } .post-contentfeatured h3.secondary { font-size: 16px; margin: 0; padding: 3px 15px 0; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 22em; -webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto; } #unterhaltungfeatured .post-contentfeatured h3.secondary, #lifestylefeatured .post-contentfeatured h3.secondary { color: #000; } #inspirationfeatured .post-contentfeatured h3.secondary { color: #646567; } .post-contentfast h3.secondary { font-size: 13px; line-height: 1.3; margin: 0; padding: 3px 8px 2px 0; color: #000; font-weight:bold; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 28em; -webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto; } .post-contentfast2 .featureddachzeile { background:none; max-width:375px; display:inline-block; position:relative; top:5px; line-height:15px; } .post-contentfast2 h3.secondary { font-size: 13px; line-height: 1.2; margin: 0; padding: 3px 8px 2px 0; color: #000; font-weight:bold; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 28em; -webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto; } .recent-post .post-contentfeatured h2 { font-family: 'Roboto Condensed', sans-serif; line-height: 45px; margin-top:-20px; max-height:190px; overflow:hidden; margin-bottom: 0; font-weight:bold; padding: 0 15px; -webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto; } .recent-post .post-contentfast h2 { line-height: 1; margin-top:-25px; margin-bottom: 5px; padding-bottom: 5px; font-weight:bold; -webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto; } .recent-post .post-contentfast2 h2 { font-family: 'Roboto Condensed', sans-serif; margin-top:-2px; line-height: 0.7; font-weight:bold; overflow:hidden; -webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto; } #unterhaltungfeatured .recent-post .post-contentfeatured h2 a { font-size: 40px; margin-left:0px; color:#fff; line-height:1.1; } #unterhaltungfeatured .recent-post .post-contentfeatured h2 a:hover, #lifestylefeatured .recent-post .post-contentfeatured h2 a:hover { color:#000; } #inspirationfeatured .recent-post .post-contentfeatured h2 a:hover { color:#d7241a; } #inspirationfeatured .recent-post .post-contentfeatured h2 a { font-size: 40px; margin-left:0px; color:#fff; line-height:1.1; } #lifestylefeatured .recent-post .post-contentfeatured h2 a { font-size: 40px; margin-left:0px; color:#fff; line-height:1.1; } #topoftheblog { margin-bottom:-20px; } #topoftheblog .widget { float:none; } #lastthings { margin: 20px 0 10px; display: inline-block; width: 100%; text-align: center; } #lastthings.footerfeature { margin:-20px 0 0 0; padding: 20px 0; background: rgb(228,228,228); background: linear-gradient(180deg, rgba(228,228,228,1) 0%, rgba(255,255,255,1) 100%); } #lastthings.footerfeature #standards { width:90%; } @media screen and (min-width: 1200px) { #lastthings.footerfeature .standards .recent-post h2 a { font-size:25px;} } #lastthingscat { margin-left:-50%;padding:60px 50% 50px;background:#d7241a;color:#fff;width:100%;height:270px;margin-bottom:30px;margin-top: 10px; } #lastthingscati { margin-left:-50%;padding:60px 50% 50px;background:#000;color:#fff;width:100%;height:270px;margin-bottom:30px;margin-top: 10px; } #lastthingscatl { margin-left: -50%; padding: 60px 50% 50px; background: #646567; color: #fff; width: 100%; height: 270px; margin-bottom: 30px; margin-top: 10px; } #lastthingscat .recent-postcat .post-contentfeatured, #lastthingscati .recent-postcat .post-contentfeatured, #lastthingscatl .recent-postcat .post-contentfeatured { text-align:center;position:relative; } #lastthings .recent-post .post-contentfeatured .entry p { padding:0; font-size:15px; -webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto; } #lastthingscat .catfeatured, #lastthingscati .catfeatured, #lastthingscatl .catfeatured { width:240px; display:inline-block; margin-right:1.9%; height:300px; vertical-align:top; float:left; margin-left:0; } .catfeaturedlast { width:240px; display:inline-block; margin-right:0; height:300px; vertical-align:top; float:right; } #standards .standards { width:25%; display:inline-block; margin: 0 auto; vertical-align:top; float:left; } #standards .standards:nth-of-type(4n+1) { clear: both; } #lastthings .post-contentfeatured h3.secondary { background:#fff; } #lastthingscat .post-contentfeatured h3.secondary { background:#d7241a; } #lastthingscati .post-contentfeatured h3.secondary { background:#000; } #lastthingscatl .post-contentfeatured h3.secondary { background:#646567; } .recent-postcat { height:260px; } #lastthings h2.lastthings, #topoftheblog .widget h3.title, #ff-miniposts h2.lastthings { font-family: bloggersans; text-align:center; font-size:20px; font-weight:bolder; margin-bottom:20px; color:#000; letter-spacing:2px; } #ff-miniposts h2.lastthings { font-family: bloggersans; text-align:center; font-size:20px; font-weight:bolder; margin-bottom:0px; color:#000; background:#fff; letter-spacing:2px; } #ff-miniposts {text-align:center;margin-bottom:30px;} #ff-miniposts .recent-postff.unt, #ff-miniposts .recent-postff.ins, #ff-miniposts .recent-postff.lif { margin-bottom: 0; overflow: hidden; padding: 0; width: 368px; height:60px; margin: 0 18px 18px; display: inline-block; border-radius: 10px; vertical-align:top; } #content .list-view .recent-post.ffminipost {margin-bottom:50px;} .list-view .recent-post.ffminipost .ffwrap {float:left;display: inline-table; width: 62%;padding-left: 3.8%; height: 168px;} .list-view .recent-post.ffminipost .ffwords {display: table-cell;vertical-align: middle;} .list-view .recent-post.ffminipost a {color:#646567;font-size:44px; } .list-view .recent-post.ffminipost a:hover {color:#000; } .list-view .recent-post.ffminipost .post-content h3.secondary {margin-top:0;margin-bottom:10px;font-size:14px;letter-spacing:2px;text-transform:uppercase;} .list-view .recent-post.ffminipost .thumbarchive {float:left;display:inline-block;width:300px;height:168px;margin:0;overflow:hidden;} .list-view .recent-post.ffminipost img { width:100%;margin-top:-28px;} .list-view .recent-post.ffminipost h2 {margin:0;padding:0;} #ff-miniposts .recent-postff.unt { background:#d7241a; } #ff-miniposts .recent-postff.ins { background:#000; } #ff-miniposts .recent-postff.lif { background:#646567; } #ff-miniposts h2 { width: 100%; height:60px; display: inline-table; } #ff-miniposts h2 a { color:#fff; width: 100%; font-size: 17px; padding: 0 12px; display: table-cell; vertical-align: middle; text-align: center; } #ff-miniposts .recent-postff.ins:hover, #ff-miniposts .recent-postff.unt:hover, #ff-miniposts .recent-postff.lif:hover { -moz-box-shadow: 0 0 12px #000; -webkit-box-shadow: 0 0 12px #000; box-shadow: 0 0 12px #000; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; -ms-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -webkit-transform: rotate(-1deg); transform: rotate(-1deg); -webkit-backface-visibility: hidden; } #lastthings h2.lastthings a {color:#000;padding:4px 7px;font-size:11px;letter-spacing:1.5px;border-radius:5px;} #lastthings h2.lastthings a:hover {color:#fff;background-color:#000;} #lastthingscat h2.lastthings, #lastthingscati h2.lastthings, #lastthingscatl h2.lastthings { font-family: bloggersans; text-align:center; font-size:14px; font-weight:bolder; margin-bottom:13px; color:#fff; background:none; } #lastthings img { width: 100%; height: auto; margin-top: 0; margin-left: 0; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; position: relative; z-index: -1; } #lasthighlights .thumbfeatured a { display: inline-block; box-shadow: inset 3px 3px 5px 2px #00000096; border-radius: 10px; } #lastthings img:hover { width: 116%; max-width: 116%; height: auto; margin-top: -4.5%; margin-left: -8%; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; } #lastthings .standards .recent-post { width: 90%; margin: 0 auto; padding-bottom: 30px; } #lastthings .recent-post .post-contentfeatured:hover img { width: 116%; max-width: 116%; height: auto; margin-top: -4.5%; margin-left: -8%; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; } #lastthings .standards img { height: 100%; object-fit: cover; margin-top: 0; margin-left: 0; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; } #lastthings .standards img:hover { width: 116%; max-width: 116%; height: 116%; margin-top: -4.5%; margin-left: -8%; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; } #lastthings .standards .recent-post .post-contentfeatured:hover img { width: 116%; max-width: 116%; height: 116%; margin-top: -4.5%; margin-left: -8%; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; } #lastthings .recent-post .post-contentfeatured:hover h2 { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.1s linear; } #lastthings .recent-post h2 a { font-size: 27px; width: 96%; padding: 12px 2% 5px; display: inline-block; line-height: 1.35; text-align: center; word-break: break-word; } #lastthings #lasthighlights .recent-post h2 a { font-size: 27px; width: 96%; padding: 8px 0; display: inline; line-height: 2; background-color: #333; border-left: 12px solid #333; border-right: 12px solid #333; word-break: break-word; color: #fff; box-decoration-break: clone; -webkit-box-decoration-break: clone; border-radius: 3px; } #lastthings #lasthighlights .recent-post h2.unterhaltung a { background-color: #d7241a; border-left: 12px solid #d7241a; border-right: 12px solid #d7241a; } #lastthings #lasthighlights .recent-post h2.inspiration a { background-color: #000; border-left: 12px solid #000; border-right: 12px solid #000; } #lastthings #lasthighlights .recent-post h2.lifestyle a { background-color: #646567; border-left: 12px solid #646567; border-right: 12px solid #646567; } #lastthings .standards .recent-post .post-contentfeatured:hover h2 { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.1s linear; } #lastthings .standards .recent-post h2 a { font-size: 19px; width: 94%; text-align: center; padding: 5px 0; display: inline; line-height: 2; background-color: #d7241a; border-left: 10px solid #d7241a; border-right: 10px solid #d7241a; word-break: break-word; color: #fff; box-decoration-break: clone; -webkit-box-decoration-break: clone; border-radius: 3px; } #lastthingscat .recent-postcat h2 a, #lastthingscati .recent-postcat h2 a, #lastthingscatl .recent-postcat h2 a { font-size: 25px; margin:0; } #lastthings .featureddachzeile { top: -20px; display: table; margin: 0 auto; } #lastthings #lasthighlights .featureddachzeile { top: -19px; } #lastthingscat .featureddachzeile, #lastthingscati .featureddachzeile, #lastthingscatl .featureddachzeile { top:-17px; } #lastthings .post-contentfeatured h3.secondary { font-size: 10px; max-width:34em; padding: 4px 12px 2px; margin-top:2px; border-top-left-radius:5px; border-top-right-radius:5px; letter-spacing: 1.5px; text-transform: uppercase; font-family:bloggersans; } #lastthings .standards .post-contentfeatured h3.secondary {display:none;} #lastthingscat .post-contentfeatured h3.secondary, #lastthingscatl .post-contentfeatured h3.secondary { font-size: 12px; max-width:17em; padding: 2px 8px 0; } #lastthingscati .post-contentfeatured h3.secondary { font-size: 12px; max-width:17em; padding: 2px 8px 0; color:#646567; } #lastthings .recent-post .post-contentfeatured h2 { line-height: 1; margin-top: -16px; margin-bottom: 10px; padding: 0; text-align:center; } #lastthings #lasthighlights .recent-post .post-contentfeatured h2 { line-height: 35px; margin-top: 0; margin-bottom: 20px; width: 94%; padding: 0 3%; -ms-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); -webkit-backface-visibility: hidden; text-align: center; transition: all 0.5s ease-out; } #lastthings #lasthighlights .recent-post .post-contentfeatured:hover h2 { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.1s linear; } #lastthings .standards .recent-post .post-contentfeatured h2 { margin-top: 20px; width: 94%; padding: 0 3% 5px; -ms-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); -webkit-backface-visibility: hidden; text-align: center; transition: all 0.5s ease-out; } #lastthingscat .recent-postcat .post-contentfeatured h2, #lastthingscati .recent-postcat .post-contentfeatured h2, #lastthingscatl .recent-postcat .post-contentfeatured h2 { line-height:26px; margin-top:-15px; margin-bottom:10px; padding: 0; text-align:center; } #lastthingscat a, #lastthingscati a, #lastthingscatl a { color:#fff; } .recent-post .post-contentfast h2 a { font-size: 22px; margin-left:0px; } .recent-post .post-contentfast2 h2 a { font-size: 19px; font-weight:900; margin-left:0px; } .recent-post .post-contentfeatured { padding: 0; margin: 0 auto; height:100%; max-width:unset; text-align:center; position:relative; border-top-left-radius:5px; } #unterhaltungfeatured .recent-post .post-contentfeatured { background: #d7241a; position:relative; } #inspirationfeatured .recent-post .post-contentfeatured { background: #000; position:relative; } #lifestylefeatured .recent-post .post-contentfeatured { background: #646567; position:relative; } .recent-post .post-contentfeatured .entry p { font-size:13px; text-align: justify; line-height:22px; padding: 15px; -webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto; } #unterhaltungfeatured .recent-post .post-contentfeatured .entry p, #lifestylefeatured .recent-post .post-contentfeatured .entry p { color: #000; } #inspirationfeatured .recent-post .post-contentfeatured .entry p { color: #646567; } .entry p.splashlinkwrap { text-align:center; padding:0; margin: 5px auto 50px; } .splashlink { color: #c5c5c5; font-size: 10px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; padding: 10px; } .entry .hochkant {max-width:100% !important;} a#sponsoredwrap { width: 100%; max-width: 1300px; margin: -1px auto -40px; display: block; background: #fff; } #sponsored { width: 100%; text-align: center; margin: 0px auto; background: #000; padding: 0 50%; margin-left: -50%; height:520px; display:table; -ms-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); -webkit-backface-visibility: hidden; } #sponsoredslider { width:1300px; display:inline-block; margin:0 auto; } #sponsoredrect { width:300px; height:250px; background-color:#000; display:inline-block; float:right; margin: 50px; } #chronologischbutton { font-family: bloggersans; margin: 50px auto; text-align:center; background:#000; width:100%; padding: 75px 50%; margin-left:-50%; letter-spacing:2px; } a.chronologisch { text-transform:uppercase; color: #fff; background:#d7241a; font-weight:900; font-size: 30px; } #chronologischbutton:hover { background:#d7241a; } #footest #foottags { width: 90%; text-align: center; margin: 50px auto 30px; } #footest a.footerlink { background: #646567; color: #000; font-size: 13px; font-weight: 700; padding: 6px 8px 6px 10px; border-radius: 30px; font-family: bloggersans; letter-spacing: 2px; text-transform: uppercase; display: inline-block; margin: 0 5px 16px; } #footest a.footerlink:hover { background:#fff; color: #000; } #footersocials a.icon i { background: #fff; color: #000; font-size: 30px; font-weight: 700; width: 30px; padding: 20px; border-radius: 50%; display: inline-block; margin: 0 10px; } #footersocials a.icon i:hover { color:#fff; background:#d7241a; } #footersocials { margin-bottom: 100px; } #partner { width: 90%; padding: 0 5%; text-align: center;margin-bottom: 80px; } p.partnerbutton { width:120px; height:120px; margin: 0 20px 20px 0; display:inline-block; } p.partnerbutton:nth-of-type(6n) { margin:0px; } p.partnerbutton img, p.partnerbutton2 img { width:100%; height:100%; border-radius: 6px; -moz-border-radius: 6px; transition: all 0.5s ease-out; } p.partnerbutton img:hover, p.partnerbutton2 img:hover { -moz-box-shadow: 1px 1px 12px 2px #000000bf0; -webkit-box-shadow: 1px 1px 12px 2px #000000bf; box-shadow: 1px 1px 12px 2px #000000bf; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; -ms-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } #amazonpartner { font-size: 10px; padding-top: 10px; color: #ffffff8a; display: inline-block; width: 100%; } #Footerinfos #amazonpartner a { color: #ffffff94; } a#bloggerei { margin-top: 100px; display: block; } #footergaehnie { height: 300px; } img#footerlogo { padding: 30px 0 30px; width: 230px; height: 230px; transition: all 0.5s ease-out; } img#footerlogo:hover { padding: 10px 0 30px; width: 270px; height: 270px; transition: all 0.1s linear; } #langweiligseit { width: 100%; text-align: center; color: #fff; padding: 0 0 25px; } #langweiligseit a { font-weight: bold; font-size: 22px; margin: auto 4px; vertical-align: middle; display: inline-block; margin-top: -3px;: } #footest #langweiligseit a:hover { color: #fff; } /* Liste mit Jahrestags-Beiträge */ .anniwrap { margin-bottom: 12px; clear: both; background: #000; border-radius: 3px; display: flex; line-height: 1.4; transition: all 0.6s ease-in; } .anniwrap:hover { background: #0000006e; transition: unset; } .anniwrap a { height: 100%; width: 100%; padding: 7px 10px; } .anniwrap .jahr { display: inline-block; font-size: 14px; font-weight: bold; color: #ffffff47; letter-spacing: 1px; margin-right: 4px; float: left; } .anniwrap .jahr::after { content: ":"; } .anniwrap .title { display: inline-block; font-size: 14px; float: left; } .anniwrap h3 { font-size: 14px; line-height: 1.4; text-align: left; max-width: 23em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } /* Featured Category Widgets on Homepage */ .home_widgets .home_column { width:400px; margin:0 50px 0 0; float:left; } .home_widgets .home_column.last { margin:0; } .home_widgets .home_column h4.title { border-top: 0px solid #E5E5E5; font-size: 13px; margin: 0 0 10px 0; padding:10px 0 0; text-transform:uppercase; color: #212121; font-weight:normal; } .featured-post { margin:0 0 20px; height: 450px; } .featured-post h3 { line-height: 1.3; margin: -10px 0; height: 80px; font-size:28px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .featured-post h4 { text-transform:uppercase; font-weight:normal; Background: #929292; font-color: #fff; margin: 10px 0 10px 0; padding: 3px 0 5px 0; text-align: center; } .featured-post h4 a { color: #fff; } .home_column h3 { margin:0 0 8px; } .home_column h3 a { font-size:21px; } .home_column .post-thumb { margin:0 0 10px; } #Claimbox { text-align: center; margin: 50px auto 75px; } #Claimbox a {padding:7px 14px;font-size:28px;letter-spacing:1px;text-transform:uppercase;font-weight:bold;border-radius:6px;font-family: bloggersans;} #Claimbox a.claimboxu {color:#d7241a;} #Claimbox a.claimboxi {color:#000;} #Claimbox a.claimboxl {color:#646567;} #Claimbox a.claimboxu:hover {color:#fff;background-color:#d7241a;} #Claimbox a.claimboxi:hover {color:#fff;background-color:#000;} #Claimbox a.claimboxl:hover {color:#fff;background-color:#646567;} /********************************************************************************************* 5. Archive posts styling ------------------------- loop.php *********************************************************************************************/ #catslider { padding:0 50%;margin-left:-50%;width:100%;background:#d7241a;display: flex;margin-top:-30px; } #catslideri { padding:0 50%;margin-left:-50%;width:100%;background:#000;display: flex;margin-top:-30px; } #catsliderl { padding:0 50%;margin-left:-50%;width:100%;background:#646567;display: flex;margin-top:-30px; } h1.archive_title { font-size: 30px; line-height: 1.25; margin: 40px -50% 0; width: 90%; left: 5%; position: relative; padding: 30px 50%; color: #a5a5a5; background: #e4e4e4; text-align: center; } h1.archive_title a { color:#000; font-size:60px; text-transform: uppercase; letter-spacing: 12px; } .archiveposts h3.title { border-bottom: 0px solid #E5E5E5; font-size: 18px; line-height: 1.3; margin: 0; padding:18px 0 8px 0; text-transform:uppercase; color: #666; font-weight:normal; } /* Grid view */ .recent-post { margin:0 38px 20px 0; padding: 0 0 37px; width:360px; line-height:27px; } .archive .recent-post, .search .recent-post { width:100%; } .recent-post.last { margin-right:0; } .recent-post .post-thumb { margin: 0 0 10px; position:relative; } .recent-post h4.title { font-size: 13px; line-height: 1.3; margin: 0 0 10px 0; padding:0 0 0; text-transform:uppercase; color: #212121; font-weight:normal; } .recent-post h2 { margin-bottom: 27px; padding-bottom: 10px; font-weight:bold; } .recent-post h2 a { font-size: 60px; line-height: 1.1; } .recent-post .post-content { padding: 0; overflow: hidden; } .recent-post .entry p { font-size:19px; text-align: justify; padding: 0 80px 20px; line-height:31px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin-bottom: 30px; } .recent-post .entry p img, .recent-post .entry p span.embed-youtube { margin-left:-80px; width:900px; height:auto; } .facebook-responsive { overflow:hidden; padding-bottom:56.25%; position:relative; height:0; margin-bottom:25px; } .facebook-responsive iframe { left:0; top:0; height:100%; width:100%; position:absolute; } .recent-post .entry .vimeo, .recent-post .entry .youtube, .entry .youtube, .entry .vimeo, .embed-vimeo, .recent-post .entry .vevo, .entry .vevo { margin-bottom:70px; } .vimeo iframe { max-width: 100%; } .noshow { display:none; } .sektion { margin-bottom: 0px; } .timeday { font-size:36px; color: #fff; background-color: #000; padding: 13px 2px; text-align: center; font-weight: bold; } .timerest { font-size:12px; font-weight: bold; color: #fff; text-transform: uppercase; background-color: #919191; text-align: center; margin-top:-15px; margin-bottom: 0px; } .combox { font-size:15px; background-color: #929292; padding: 0px 10px; text-align: center; font-weight: bold; margin-top: 0px; margin-bottom: 5px; } .combox a { color: #fff; } .combox a:hover { font-size:15px; color: #000; background-color: #929292; padding: 0px 10px; } .sponsoredbox { margin: 0 0 13px; text-transform: uppercase; font-weight: bold; font-size: 14px; display: inline-block; } .sponsoredbox a { color:#fff; background: #000; padding: 5px 15px; } .sponsoredbox a:hover { color:#fff; background: #d7241a; padding: 5px 15px; } .sponsoredboxhp, .sponsoredboxhpu { text-transform: uppercase; font-weight: bold; font-size: 10px; display: block; position: relative; line-height: 0; margin: 0; top: -209px; left: -159px; z-index: 999; -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-backface-visibility: hidden; } #lasthighlights .sponsoredboxhp, #lasthighlights .sponsoredboxhpu { position:absolute; top: 24px; left: -28px; } .standards .sponsoredboxhp, .standards .sponsoredboxhpu { top: -3px; left: -37px; position: absolute; } .sponsoredboxhp a { color:#fff; background: #d7241a; padding: 4px 12px 4px 15px; } .sponsoredboxhp a:hover { background: #000; } .sponsoredboxhpu a { color: #fff; background: #000; padding: 27px 31px 8px; box-shadow: 0 0 10px #fff; } .sponsoredboxhpu a:hover { background: #d7241a; } .inner-wrap-single .sponsoredbox { text-transform: uppercase; font-weight: bold; vertical-align: top; padding-top: 30px; font-size: 17px; display: block; } .inner-wrap-single .sponsoredbox a { color:#000; background: #daba12; padding: 6px 15px; border-radius:7px; font-family: bloggersans; letter-spacing: 1px; } .inner-wrap-single .sponsoredbox a:hover { color:#fff; background: #d7241a; padding: 6px 15px; } .metaunterhaltung, .metaunterhaltung a { font-size:11px; color: #d7241a; padding: 0 0 6px; font-weight:bold; } .metainspiration, .metainspiration a { font-size:11px; color: #000; padding: 0 0 6px; font-weight:bold; } .metalifestyle, .metalifestyle a { font-size:11px; color:#646567; padding: 0 0 6px; font-weight:bold; } .metanormal, .metanormal a { font-size:11px; color:#b3b3b3; padding: 0 0 6px; font-weight:bold; } .authorthumb { width:200px; height:200px; margin: 0 auto 15px; background-size: 100%; background-position: 50% 50%; background-repeat: no-repeat; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: 5px solid #fff; filter: drop-shadow(2px 4px 6px black); transition: background-size 0.5s ease-out; } .authorthumb:hover { background-size: 120%; transition: background-size 0.1s linear; } #authordefault { background-image: url(/wp-content/themes/originmag/images/authordefault_200.jpg); } #authormaik { background-image: url(/wp-content/themes/originmag/images/authormaik2_200.jpg); } #authorclaudia { background-image: url(/wp-content/themes/originmag/images/authorclaudia_200.jpg); } #authorlivia { background-image: url(/wp-content/themes/originmag/images/authorlivia2_200.jpg); } #authorowley { background-image: url(/wp-content/themes/originmag/images/authorowley_200.jpg); } #authoremma { background-image: url(/wp-content/themes/originmag/images/authoremma_200.jpg); } #authorrainer { background-image: url(/wp-content/themes/originmag/images/authorrainer_200.jpg); } #authorsven { background-image: url(/wp-content/themes/originmag/images/authorsven_200.jpg); } #authorkatrin { background-image: url(/wp-content/themes/originmag/images/authorkatrin_200.jpg); } #authorsusanne { background-image: url(/wp-content/themes/originmag/images/authorsusanne2_200.jpg); } #authorside { color: #000; text-align: center; font-weight: bold; width: 100%; height: 100%; overflow:hidden; } #authorsinglemob .authorthumb { float: left; display: inline-block; width: 150px; height: 150px; margin: 0 5% 30px 15%; } #authorside a { color:#000; font-size:26px; font-weight:bold; font-family:bloggersans; } a.authorname { padding-top: 78px; width: 101%; height: 100%; position: relative; display: inline-block; visibility: hidden; } #authorside:hover a.authorname { visibility: visible; background:#fff; opacity:0.8; } #authortext { background: #b3b3b3; padding: 10px 15px; border-radius: 8px; margin-bottom: 10px; color: #000; font-size: 12px; line-height: 18px; text-align: center; } #authorsinglemob { position:relative; height:150px; margin-bottom:40px; } #authorsinglemob #authortext { display: inline-block; float: left; width: 50%; height: auto; position: absolute; top: 50%; transform: translate(0%,-50%); font-size: 13px; line-height: 20px; border-radius: 8px; vertical-align: middle; } #catags, #catagsu, #catagsi, #catagsl { text-align:center; border-radius: 0; padding: 15px 0 20px; } #main.unterhaltung #sidebar { background: #b7150c; } #main.inspiration #sidebar { background: #272727; } #main.lifestyle #sidebar { background: #494a4b; } #catags a, #catagsu a, #catagsi a, #catagsl a, #catags a, span.authornolink { background: #fff; padding: 3px 11px; color: #000; margin: 0 4px 8px; font-size: 13px; display: inline-block; font-family: bloggersans; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; border-radius: 25px; } #catags a { background: #666; color: #fff; } #metamobsing #catagsu a, #metamobsing #catagsi a, #metamobsing #catagsl a, #metamobsing #catags a { padding: 6px 12px; font-size: 14px; letter-spacing: 2px; margin: 7px; line-height: 1; text-size-adjust: none; } #timeside { color: #000; font-size: 10px; letter-spacing: 2px; margin-bottom: 20px; } #main.unterhaltung #sidebar #timeside, #main.inspiration #sidebar #timeside, #main.lifestyle #sidebar #timeside { color: #fff; } #timeside a.autorname, span.authornolink { padding: 0 0 10px; background: unset; color: #000; font-size:15px; letter-spacing:2px; display: block; } #main.unterhaltung #sidebar #timeside a.autorname, #main.unterhaltung #sidebar span.authornolink, #main.inspiration #sidebar #timeside a.autorname, #main.inspiration #sidebar span.authornolink, #main.lifestyle #sidebar #timeside a.autorname, #main.lifestyle #sidebar span.authornolink { color: #fff; } #timeside a.autorname:hover { opacity: 0.6; } .sidebartags { display: block; margin-bottom: 15px; } .sidebartags a { filter: unset; transform: translate(0, 0); transition: all 0.3s linear; } .sidebartags a:hover { transform: translate(0px, -5px); transition: all 0.1s linear; } #main .sidebartags a { box-shadow: 0px 0px 0px #c9c9c9; } #main.unterhaltung .sidebartags a { box-shadow: 0px 0px 0px #b7150c; } #main.inspiration .sidebartags a { box-shadow: 0px 0px 0px #666; } #main.lifestyle .sidebartags a { box-shadow: 0px 0px 0px #494a4b; } #main .sidebartags a:hover { box-shadow: 0px 5px 0px #c9c9c9; } #main.unterhaltung .sidebartags a:hover { box-shadow: 0px 5px 0px #b7150c; } #main.inspiration .sidebartags a:hover { box-shadow: 0px 5px 0px #666; } #main.lifestyle .sidebartags a:hover { box-shadow: 0px 5px 0px #494a4b; } #commentjump a { color: #666; font-size: 10px; letter-spacing: 2px; background: unset; margin: 10px 0 0; } #main.unterhaltung #commentjump a,#main.inspiration #commentjump a,#main.lifestyle #commentjump a { color: #fff; } #commentjump a:hover { opacity: 0.6; } .lww-thumb-large {border-radius:8px;overflow:hidden;} .clearbox { height:73px; } .clearbox2 { height:22px; } .recent-meta { font-size:11px; color:#A8A8A8; } .recent-meta a { color:#d7241a; } .recent-meta a:hover { color:#000; } .recent-meta span { margin-right:4px; } /* List view */ .list-view .recent-post { width:100%; } .list-view .recent-post .post-thumb { float:left; margin:0 15px 0 0; } /* Read more button */ a.more-link { font-size: 15px; padding: 8px 0; border-radius:7px; color:#fff; background:#b3b3b3;font-weight:bold;letter-spacing:2px;font-family: 'Roboto Condensed', sans-serif; } a.more-link:hover { background:#d7241a; } span.moretext { width:100%;display:inline-block;text-align:center;margin: 10px 0 10px; } #newestArchive { background: #d7241a; height: 36px; margin-top: -10px; margin-bottom: 15px; color: #fff; line-height:27px; font-size: 24px; font-weight: bold; } .newperSek a { color: #fff; } .newperSek img {width:100%} /********************************************************************************************* 6. Single Posts Styling --------------------------------- single.php, page.php *********************************************************************************************/ .col_ { width:900px; float:left; } .col_meta { width:0px; float:right; } .category_link { text-transform:uppercase; font-size:16px; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 16px 0; line-height:1.3; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .entry h2 { font-size:45px; text-align:center; margin: 0 0 50px; } .entry h3 { font-size:30px; color:#646567; text-align:center; margin: -20px 0 30px; } .entry p { margin-bottom: 50px; line-height:31px; text-align: justify; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; padding: 0 80px 20px; font-size: 19px; } .full-width .entry p { margin-bottom: 70px; line-height:40px; padding: 0 180px; font-size: 21px; -webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto; } .entry { line-height:31px; text-align: justify; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; font-size: 19px; position: relative; } .headerbar img.alignnone { margin-bottom: 10px; max-width: 303px; width:auto; height:auto; } .entry img.alignnone, .entry img.aligncenter, .entry img.alignleft, .entry img.alignright, .entry img.attachment-fullsize { max-width: 100%; height:auto; } .entry .figure:first-child img, .entry .figure:first-of-type img { width: 100%; height:auto; } .figure { margin-bottom:70px; } .figure:has(> .wpvgw-marker-image) { margin: 0; height: 0; } .full-width .entry img.alignnone, .full-width .entry img.aligncenter, .full-width .entry img.alignleft, .full-width .entry img.alignright, .full-width .entry img.attachment-fullsize { margin-bottom: 25px; max-width: 100%; height:auto; } .entry ul, .entry ol { margin: 0 0 15px 0px;font-size:15px;line-height: 26px; color:#333; text-align: justify; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; padding: 0 120px 40px; } .yearly_month_archive ul { padding: 0 0 20px 40px; } .entry li ul, .entry li ol { margin-bottom: 0; } .entry li { list-style-position: inside;margin-bottom:15px; } .entry ul li { list-style-type: square; } .entry ol li { list-style-type: decimal; } .entry p.bpinfo { text-align:justify; } .entry p.bpinfo { font-size: 14px; line-height: 22px; color: #fff; background-color:#646567; padding: 20px 25px; margin: 0 auto 25px; display: inline-block; max-width: 100%; border-radius:10px; } .entry p.bpansonsten { font-size: 14px; line-height: 22px; } steady-login-button { margin: 20px 0 50px; display: inline-block; } .steadybuttonwrap steady-login-button { margin: 0; } .steadybuttonwrap { margin: 30px 0 20px; position: relative; background: #ffffff; padding: 5px; display: inline-block; left: 50%; transform: translateX(-50%); border-radius: 3px; filter: drop-shadow(2px 4px 6px black); } .steadybuttonwrap.footerbutton { margin: -5px 0 10px; padding: unset; background: unset; filter: drop-shadow(1px 3px 4px #000000bd); } #steadydanke { border-radius: 5px; overflow: hidden; font-size: 12px; margin: 20px 0 0; } #Footerinfos #steadydanke a { color: #000; } #Footerinfos #steadydanke a:hover { color: #d7241a; } #steadydanke .ausblenden { font-size: 15px; background: #e4e4e4; padding: 25px 35px; margin: 0; } #steadydanke .dankesliste { background: #fff; padding: 15px; margin: 0; font-size: 10px; } #Footerinfos .column .widget.plankton_social_widget, #plankton-social-widget { margin: 50px auto 0; background: #fff; max-width: 500px; } #Footerinfos #plankton-social-widget a { color: #000; } #Footerinfos a#zufallslangeweile { box-shadow: 5px 5px 5px #0000008a; margin-bottom: 10px; background: #e4e4e4; color: #000; padding: 7px 30px; letter-spacing: 0.5px; border-radius: 50px; font-size: 20px; display: inline-block; } #Footerinfos a#zufallslangeweile:hover { background: #fff; } .steadybanner {overflow:hidden;} .steadybanner img {border-radius:10px;overflow:hidden;} @keyframes float { 0% { box-shadow: 7px 7px 13px 0px rgba(0,0,0,0.5); transform: translatey(0px); } 50% { box-shadow: 10px 23px 20px 0px rgba(0,0,0,0.2); transform: translatey(-16px); } 100% { box-shadow: 7px 7px 13px 0px rgba(0,0,0,0.5); transform: translatey(0px); } } .steadybannerbp { max-width: 600px; margin: 0 auto; display: block; box-sizing: border-box; border-radius: 7px; overflow: hidden; box-shadow: 7px 7px 13px 0px rgb(0 0 0 / 50%); transform: translatey(0px); animation: float 6s ease-in-out infinite; } .steadybannerbp img { width: 100%; height: auto;cursor:pointer;margin:0 !important; } .steadybannerbp:hover { filter: hue-rotate(45deg); } .bporga { border-radius:8px; overflow:hidden; } .entry .bporga p { margin: 0; padding: 0; } .bpnavigations, .bpadditionals { width:100%; display:flex; } .bppaged { width:20%; position: relative; display: table; float: left; padding:20px 0; text-align:center; background: rgb(0,0,0); transition: all 0.2s linear; } .bppaged:hover .bppaged {width:18%;} .bpnavigations .bppaged:hover {width:28%;} .bppaged span { color:#fff; display:block; font-size:10px; font-weight: normal; text-transform:uppercase; opacity:0.5; line-height: 1; letter-spacing:1px; padding: 3px 0; font-family: bloggersans; transition: all 0.2s linear; } .bppaged span.bppagenum { display:table-cell; vertical-align:middle; font-size:50px; font-weight:bold; } .bppaged.bpnow span.pagenum { opacity:0.75; } .bppaged.bpnow span.bppagenum { display:block; } .bppaged:hover span, .bppaged.bpnow span { font-size:15px; padding: 1px 0; } .bppaged.bpnow span.bppagenum { font-size:60px !important; } .bppaged:hover span.bppagenum { font-size:70px; } .bppaged:hover { padding:5px 0 5px; } .bppaged.bpnow { padding:15px 0 7px; } .bppaged.bpnow:hover { cursor:default; } .bppaged.bpnow { background:#d7241a; } .bppaged.bpnext { background:#841a13; } .bppaged.bpnext2 { background:#6d1712; } .bppaged.bpnext3 { background:#5a1713; } .bppaged.bpnext4 { background:#470703; } .bppaged.bpnext span {opacity:0.75;} .bppaged.bpnext2 span {opacity:0.65;} .bppaged.bpnext3 span {opacity:0.55;} .bppaged.bpnext4 span {opacity:0.45;} .bppaged.bpnow span, .bppaged:hover span {opacity:1;} .bpplus { width: 48%; float: left; display: inline-block; color: #fff; padding: 20px 0; margin: 1%; border-radius: 5px; text-align: center; font-size: 20px; box-shadow: 3px 7px 9px 0px rgb(0 0 0 / 35%); transform: translatey(0px); transition: all 0.2s linear; } .bpplus:after { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: rgba(255,255,255,0.4); -webkit-transition: none; -moz-transition: none; transition: none; } .bpplus:hover:after { width: 120%; background-color: rgba(255,255,255,0); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .bpplus.bplus1 { background:#000; } .bpplus.bplus2 { background:#245a04; } .bpplus.bplus3 { background:#380057; } .bpplus.bplus4 { background:#291e38; } .bpplus:hover {color:#fff !important;transform: translatey(-4px);box-shadow: 5px 11px 12px 0px rgb(0 0 0 / 25%);} .bpplus.plusleft {float:left;margin-right:1%;} .bpplus.plusright {float:right;} .bpplus.plustop {margin-top:1%;} .bpplus.plusbottom {margin-top:1%;margin-bottom:1%;} .bpinfotext { color:#000; padding:30px 20px 0; display:inline-block; text-align:center; font-size:13px; line-height:1.7; } .bpbox { padding:30px; background: rgb(229,229,229); } .gesehen { text-align: center; font-weight: bold; font-size: 22px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; color: #c1c1c1; } .bpimg { position: relative; display: inline-block; margin-bottom: 100px; overflow:hidden; background:#d7241a; border-radius:0px; transition: all 0.2s linear; } .bpimg img.enlarged {min-width:700px;} .bpimg img.shrinked {max-width:720px;} .bpimg img.shrinkedmore {max-width:600px;} .bpwrap .bpbanner, .gpwrap .bpbanner { margin: 0 auto 100px !important; } .steadybonus .bpimg { background:#c79d2e; } .bpwrap .bpimg img { border-radius:0; z-index:2; margin-bottom:0 !important; } span.BPnum { z-index: 3; bottom: -23px; right: -99px; position: absolute; transform: rotate(-45deg); background: #d7241a; padding: 0 100px 30px; color: #fff; font-size: 16px; transition: all 0.2s linear; } .steadybonus span.BPnum { background:#c79d2e; } span.BPnumins { transform: rotate(45deg); display: inline-block; padding: 5px 0 0; } .bpimg:hover { border-radius:0; box-shadow: 4px 6px 3px 0 #d3d3d3; transform: translatey(-4px); } .bpimg:hover span.BPnum { bottom: -63px; right: -139px; } .bpimg span.BPnum:hover { bottom: -30px; right: -95px; padding: 10px 100px 50px; font-size: 25px; } .bpimg span.BPnum:hover .bpimg { box-shadow: none; } a.lightlink { transition: opacity 0.2s linear; } a.numlink:hover ~ a.lightlink { opacity:0.7; } #overlay { width: 100% !important; } #outerImageContainer { border-top-left-radius:5px;border-top-right-radius:5px; } #imageDataContainer { border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:block !important; } #imageData #bottomNav #bottomNavClose { margin: -3px 0 7px; padding-right: 5px; } #imageData #imageDetails #controls {padding-left:5px;} .entry .gpwrap .figure:first-child img, .entry .gpwrap .figure:first-of-type img {width:unset;} .gpwrap .figure { margin-bottom: 100px; } .gpwrap img {margin-bottom:120px;background:#d7241a;} .gpwrap img.enlarged {min-width:700px;max-width:100%;} .gpwrap img {min-width:550px;max-width:800px;} .gpwrap img.shrinked {min-width:450px;max-width:600px;} .gpwrap img.shrinkedmore {min-width:350px;max-width:500px;} .bannerimbeitrag {text-align:center;margin:30px auto 60px;font-size:8px;color:#999;text-transform:uppercase;letter-spacing:1px;min-height:60px;min-width:300px;background-color:#f7f7f7;display: table;border-radius:5px;} .entry .bannerimbeitrag p {display: table; margin: 0 auto;} .entry .bannerimbeitrag span {display: table; margin: 5px auto;} .bibcont {background-image:url("https://www.serieslyawesome.tv/wp-content/uploads/2021/06/support-steady-1.png");background-position: center;background-repeat: no-repeat;background-size: cover;min-height:120px;} #compado-widget {margin:40px 0;} #inarticlescroller {} .inarticlewrap {margin-bottom:50px; min-height: 120px; } .entry p.bpinfo::selection { background-color:#fff; color:#000; } .entry p.bpinfo a { font-weight:bold; color:#999; } .entry p.bpinfo a:hover { color: #000; } .entry blockquote { text-align: center; color: #838383; background-color: #f5f5f5a1; padding: 10px 35px; border-radius: 8px; display: block; max-width: 100%; margin: 0 40px 80px; } .entry blockquote p { font-size: 15px; line-height: 1.9; padding: 9px 0px; margin: 0 auto 0; position: relative; z-index: 6; text-align: center; } .entry blockquote::before { content: "”"; color: #e8e8e8; font-weight: bold; font-size: 115px; z-index: 2; float: right; right: 0px; margin-top: 26px; position: absolute; font-family: sans-serif; } .entry blockquote::after { content: "“"; color: #e8e8e8; font-weight: bold; font-size: 115px; z-index: 2; float: left; left: 0px; margin-top: -10px; position: absolute; font-family: sans-serif; } .entry p.blockquotebig { margin: 0 0 50px 0; font-weight: bold; color: #b6b6b6; padding: 35px 0px; font-size: 50px; line-height: 70px; display: block; text-align:center; -webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto; } .entry blockquote.tiktok-embed { margin: 0 auto !important; padding: 0; background-color: unset; } .entry blockquote.tiktok-embed::before, .entry blockquote.tiktok-embed::after { display:none; } .sbi-embed-wrap, .twitter-tweet { width: 90% !important; margin: 0 auto; } .inner-wrap-single header { height: 40px; } #headlines { margin: 0 -50%; padding: 60px 0 30px; position: relative; top: 0; } #main.unterhaltung #headlines { background: #d7241a; } #main.inspiration #headlines { background: #000; } #main.lifestyle #headlines { background: #646567; } h1.title { font-size: 85px; text-align:center; margin:5px auto 40px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } h1.title a { display: inline; line-height: 1.25; word-break: break-word; color: #d7241a; } #main.unterhaltung h1.title a, #main.inspiration h1.title a, #main.lifestyle h1.title a { color: #fff; } #singledach { margin: 0; text-align:center; margin: 0 auto; } #main.inspiration #headlines #singledach { color: #646567; } h1.title, #singledach { max-width: 70vw; } #bigvidbg { width:100%; margin-top:-30px; height:auto; margin-left:-50%; padding:0 50%; background:#000; } #bigvid { width:100%; position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } #bigvid iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } h3.secondary { margin: 0px 0 10px -1px; line-height:1.3; Color:#000; font-size:26px; font-weight:bold; } h3.secondarysingle { font-size: 33px; padding-top:20px; margin-left:-2px; display: inline-block; } .post-content h3.secondary { margin: -30px 0 20px; line-height:1.3; Color:#000; font-size:30px; font-weight:bold; } .post-content h3.secondary a { color:#000; } .post-meta { font-size: 14px; margin: 0 0 50px -20px; padding: 30px 20px 0; width: 100%; color: #656565; border-bottom: 0px solid #e5e5e5; line-height: 1.7; } #main.unterhaltung .post-meta { background: #d7241a; } #main.inspiration .post-meta { background: #000; } #main.lifestyle .post-meta { background: #646567; } .col_meta h3 { border-top: 0px solid #E5E5E5; font-size: 14px; line-height: 1.3; margin: 0; padding: 10px 0; text-transform: uppercase; color: #666; font-weight: normal; } /* Previous/Next navigation */ #prevnext { font-size: 22px; margin-bottom: 20px; font-weight:bold; background: #e4e4e4; font-family: 'Roboto Condensed', sans-serif;border-bottom-left-radius:5px;border-bottom-right-radius:5px;overflow:hidden; background: rgb(228,228,228); background: linear-gradient(90deg, rgba(228,228,228,1) 0%, rgba(251,251,251,1) 100%); outline: 2px dashed #e4e4e4; outline-offset: -2px; } #prevnext.prevnextu { outline: 2px dashed #d7241a; } #prevnext.prevnexti { outline: 2px dashed #000; } #prevnext.prevnextl { outline: 2px dashed #646567; } #prevnext .previous { float: left; color:#000; width: 50%; z-index: 99; position: relative; } #prevnext .previous a { text-align:left; color:#000; padding:0; display:table; } #prevnext .next a { text-align:right; color:#000; padding:0; display:table; } #prevnext .next { float: right; color:#000; width: 50%; z-index: 99; position: relative; } #prevnext .previous, #prevnext .next { background:#b3b3b3; } #prevnext .unterhaltung { background:#d7241a; transition: all 0.5s linear; } #prevnext .inspiration { background:#000; transition: all 0.5s linear; } #prevnext .lifestyle { background:#646567; transition: all 0.5s linear; } #prevnext .unterhaltung:hover { background:#b7150c; transition: all 0.1s linear; } #prevnext .inspiration:hover { background:#272727; transition: all 0.1s linear; } #prevnext .lifestyle:hover { background:#494a4b; transition: all 0.1s linear; } #prevnext .previous:hover .prevnextthumbwrap img, #prevnext .next:hover .prevnextthumbwrap img { transition: all 0.1s linear; max-width: 108%; width: 108%; height: 108%; top: -4%; left: -4%; } .prevnextthumbwrap { aspect-ratio: 1 / 1; overflow: hidden; width: 100%; min-height: 100%; height: 100%; } #prevthumb { float:left; } #nextthumb { float:right; } #prevnext img { width:100%; height: 100%; min-height: 100%; object-fit: cover; position: relative; top: 0; left: 0; transition: all 0.5s linear; } .prevnexttitle { display: inline-block; padding: 10px 15px 0; color:#fff; font-size: 26px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .prevnexttext { font-size: 9px; color: #fff; opacity: 0.7; text-transform: uppercase; letter-spacing: 1px; } .infowrap { display: table-cell; vertical-align: middle; width: 60%; } .prevnexttext { padding: 0 15px; } #subpostadwrap { display: inline-block; width: 100%; text-align: center; min-height: 320px; margin-top: 30px; max-width: 100%; overflow: hidden; } #subpostad { max-width: 100%; overflow: hidden; } #subpostad .bpbanner { max-width: 860px; overflow: hidden; } #subpostadwrap .bpbanner p.bpbtext { margin-bottom: 15px; } /* Related Posts */ .related_posts { margin: 0 0 15px; } .related_posts ul li { list-style-type: none; padding: 0 0 10px; margin: 0 0 10px; display: block; font-size: 11px; } .related_posts ul li a { font-weight:bold; display:block; font-size:14px; } /* Sharing buttons */ .share_box .share_btn { margin:0 0 10px; } /* Tags */ .tag_list { margin:0 0 12px; color:#63676A; } .tag_list a {font-weight:bold; } .tags_wrap { overflow:hidden; } /* [gallery] shortcode */ .entry .gallery .gallery-item { max-width:150px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; } .entry .gallery { clear: both; margin: auto; text-align: center; } .entry .gallery a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90); opacity: 0.6; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;} .gallery img { width:150px; height:auto; } /* Images align */ .entry .aligncenter, div.aligncenter { display: block; clear:both; margin-left: auto; margin-right: auto; } .alignleft, .entry .alignleft { float: left; margin-right:15px; } .alignright, .entry .alignright { float: right; margin-left:15px; } /* Caption for images */ .entry .wp-caption { max-width: 100% !important; width:auto; text-align:center; } .entry .wp-caption img { background:none; margin:0; border:0 none; max-width:100%; width:auto; height:auto;} .entry .wp-caption-text, .gallery-caption { color:#A7A3A3; font-size:11px; margin:0; padding:4px 0 0; text-align:center; } .entry .wp-caption.aligncenter { margin:0 auto 15px; } img.wp-smiley { border: none; padding: 0; } .thumbnails { clear: both; float: left; font-size: 11px; line-height: 1.6em; } .thumbnails img { height: 100px; margin:0 20px 15px 0; width: 100px; } .thumbnails .active img { border:3px solid #FFCB65; } /* Template: Sidebar on the left */ .side-left #content { float: right; border-right: 0; } .side-left #sidebar { float: left; } /* Template: Full-width */ .full-width #content { width: 1300px;margin-top:0; } .full-width .col_main { width: 100%; background: #fff; margin-left: -40%; padding: 0 40%; } .full-width h1.archive_title { width: 100%; font-family: bloggersans; text-align: center; margin: 50px 0; font-size: 100px; padding: 0; left: 0; background: unset; } .full-width .entry, .page .entry { float: none; display: block; padding-right: 0; } .full-width .entry img { max-width: 1300px; } .full-width #respond { width:90%; max-width: 600px; margin:30px auto;padding:50px 0 20px; } #fullthumbimg { width: 100%; min-height: 300px; overflow: hidden; margin-top: -30px; margin-left: -40%; padding: 20% 40%; } #dachzwick { width:100%;text-align:center;} .full-width h1.title { font-family: 'Roboto Condensed', sans-serif; font-size: 95px; line-height: 1.0; text-align: center; margin: 0 auto 210px; width:auto; max-width: 95%; margin-top: -580px; padding: 5px; display:table; -ms-transform: none; -moz-transform: none; -webkit-transform: none; transform: none; -webkit-backface-visibility: unset; } .full-width h1.title a { color:#fff; text-shadow: 7px 7px 7px #000000; background:none; box-shadow:none; line-height:1.0; } .full-width .sponsoredbox { float:none; margin:0; padding:0 0 4px 0; } .full-width .sponsoredbox a { color:#fff;background:#d7241a;border-radius:0;border-top-left-radius:5px;border-top-right-radius:5px; } .full-width .sponsoredbox a:hover { background:#fff;color:#000; } .full-width h3.secondarysingle { font-size: 45px; width: 100%; color:#fff; background:#000; text-align:center; padding:30px 0; } #fullmetawrap { width: 100%; text-align:center; background:#000;margin-left:-50%; padding:0 50%;margin-bottom:70px; } #fullmeta { width: 100%; text-align: center; margin: 0; font-size: 13px; color: #000; background: #b3b3b3; padding: 12px 50%; margin-left: -50%; line-height:2.5; } #fullmeta a { color:#000; background:#fff; padding:2px 5px 3px;border-radius:3px; margin-right: 3px; } #fullmeta a:hover { background:#d7241a;color:#fff; } #fullmeta a.fullautor { color: #000; background:none; margin-right:15px; } #fulltime { display:inline-block; margin-left:15px; } .full-width .entry .figure:first-child img, .full-width .entry .figure:first-of-type img { width:1300px; height:auto; } .full-width #contentsingle { max-width:1300px; margin-top:0; width:100%; } .full-width .entry .narrowtext { margin-bottom: 70px; line-height:40px; padding: 0 180px; font-size: 21px; } .full-width .entry h2 { font-size: 55px; text-align: center; margin: 0 80px 70px; text-transform:uppercase; } .full-width .figure { margin-bottom:70px; } .full-width .entry h3 { font-size: 36px; color: #646567; text-align: center; margin: 0 0 50px; clear:both; } #archivdesktop h2 { width: auto; margin: 20px 0px; font-size: 40px; text-transform:uppercase; text-align:center; } #archivdesktop a { vertical-align:middle; } #archivdesktop p { padding:0; text-align:center;margin-bottom:35px;color:#646567;font-size:15px; } #archivdesktop ul { margin-bottom:10px; } #archivdesktop ul li, #archivdesktop li { list-style:none; } #archivdesktop ul li:hover, #archivdesktop ul li:hover small { color:#000; } #archivdesktop ul li small { color:#b3b3b3;font-size:15px; font-size: 11px; vertical-align: middle; } #archivdesktop ul li { font-size:20px; } #archivdesktop .yearly_month_archive .year { text-align:center; } #katarchiv { width:100%;display: inline-block; } #katarchiv .katcol { width:25%; float:left; display:inline-block;font-size:15px;height:580px;text-align:center; } #katarchiv .katcol a { font-size:20px;color:#fff; } #katarchiv ul.children li { display:none; } #katarchiv ul { margin:0;display:none; } #katarchiv .katcol li {margin:0;} #katarchivu { background:#d7241a; color:#000; } #katarchivi { background:#000; color:#646567; } #katarchivl { background:#646567; color:#000; } #katarchivs { background:#b3b3b3; color:#646567; } #katarchiv h2 { color:#fff;padding:20px 0;margin: 0 0 20px 0; } #toptags { margin: 70px 0; padding: 0 10%; } #toptags a { padding:1px;line-height:44px; } .yearly_month_archive { padding: 0 10%; width: initial !important; } .full-width .entry blockquote { margin: 0 0 70px 0; text-align:center; background: none; padding: 0; } .full-width .entry blockquote p { font-size: 18px; line-height: 40px; margin:0; padding: 30px 45px; color: #fff; max-width: 860px; display: inline-block; background-color: #646567; border-radius: 10px; } .full-width .entry p.blockquotebig { width: 100%; text-align: center; padding: 0; font-size: 62px; line-height: 87px; margin-bottom: 70px; font-weight: bold; color: #d7241a; background: none; display: block; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .full-width .fullwidthcentral { margin-left:170px; } #fullwidths { margin: 30px 0 10px; padding: 0 auto; height: Auto; text-align: center; } /* Template: Archives */ .post .col_arch { float: left; width: 100%; margin: 10px 0; border-bottom: 1px solid #ececec; padding-bottom: 15px; } .post .col_arch .left { display:block; text-transform: uppercase; font-size:12px; font-weight:bold; } .post .col_arch .right { float: left; margin-top:12px; } .post .col_arch .right ul {margin-left:0; } .post .col_arch .right ul li a { font-weight: normal; } .post .col_arch .right ul li { width: 30%; float: left; margin: 0 10px 5px 0; list-style-type: none; } .post .col_arch:last-child { border-bottom:none; } .wp-video {margin: 0 auto;} /********************************************************************************************* 7. Sidebar & Widgets ------------------------- sidebar.php *********************************************************************************************/ #sidebar { float: right; width: 320px; font-size:13px; color:#646567; margin-top: 60px; border-radius: 5px; overflow: hidden; } .inner-wrap-single #sidebar { float: right; width: 320px; padding: 0px 20px 0; font-size:13px; background: #e4e4e4; color:#646567; margin-top:30px; } #metamobsing { display:none; } #searchresultbox { margin-bottom:50px; } #searchresultbox .form-input-results { text-align: center; float: left; height: 70px; padding: 0 0 0 0; margin-left:3%; width: 60%; color: #fff; font-size:36px; font-family: 'Gudea', sans-serif; font-weight: bold; Background-Color: #d7241a; border: None; } #searchresultbox .form-input-results:focus { width: 60%; color: #000; font-size:50px; padding: 0 0 0 0px; background-Color: #fff; border: none; } #searchresultbox button, input#searchsubmit { font-size: 24px; padding: 20px 40px; margin: 0 10px; float: left; } body.search.search-no-results #lastthings { margin-top:90px;padding: 0 3%; } body.search.search-no-results #lastthings #lastvideo, body.search.search-no-results #lastthings #lastbp { float:right;margin:0; } body.search.search-no-results #lastthings #lastkolumne, body.search.search-no-results #lastthings #lastinterview, body.search.search-no-results #lastthings #lastreview, body.search.search-no-results #lastthings #lastwin { float:left; } #sidebar button, input[type=button], input[type=reset], input[type=submit] { font-size: 15px; padding: 10px; margin-top: -3px; margin-left: 0px; } .widget_wysija_cont .wysija-submit { margin-top: 0px !important; } #sidebar .widget { margin-bottom:40px; } #main.unterhaltung #sidebar .anzeigetext, #main.inspiration #sidebar .anzeigetext, #main.lifestyle #sidebar .anzeigetext { color: #ffffff9e; } #main.unterhaltung #sidebar .anzeigetext a, #main.inspiration #sidebar .anzeigetext a, #main.lifestyle #sidebar .anzeigetext a { color: #fff; } .widget h3.title { font-family: bloggersans; font-size: 23px; margin: 30px 0 40px; text-align: Center; text-transform:uppercase; font-weight:bold; letter-spacing: 1.5px; } #main.unterhaltung .widget h3.title, #main.inspiration .widget h3.title, #main.lifestyle .widget h3.title { color: #fff; } #main.unterhaltung .widget h3.title a, #main.inspiration .widget h3.title a, #main.lifestyle .widget h3.title a { color: #fff; } .widget ul li.menu-item { color:#fff; text-align:center; font-family: 'Roboto Condensed', sans-serif; font-weight:bold; width: 49.5%; display: inline-block; margin:0 0 3px; } .widget ul li.menu-item:nth-child(odd) { float:left; border-top-left-radius:5px; border-bottom-left-radius:5px; } .widget ul li.menu-item:nth-child(even) { float:right; border-top-right-radius:5px; border-bottom-right-radius:5px; } .widget ul li.menu-item:nth-child(odd) a { border-top-left-radius:5px; border-bottom-left-radius:5px; } .widget ul li.menu-item:nth-child(even) a { border-top-right-radius:5px; border-bottom-right-radius:5px; } .widget ul li.menu-item a { color:#fff; padding: 3px; } .widget ul#menu-unterhaltung li.menu-item { background:#d7241a; } .widget ul#menu-unterhaltung li.menu-item a { border: 2px solid #d7241a; } .widget ul#menu-inspiration li.menu-item { background:#000; } .widget ul#menu-inspiration li.menu-item a { border: 2px solid #000; } .widget ul#menu-lifestyle li.menu-item { background:#646567; } .widget ul#menu-lifestyle li.menu-item a { border: 2px solid #646567; } .widget ul li.menu-item a:hover { background:#fff; } .widget ul#menu-unterhaltung li.menu-item a:hover { color:#d7241a; } .widget ul#menu-inspiration li.menu-item a:hover { color:#000; } .widget ul#menu-lifestyle li.menu-item a:hover { color:#646567; } .widge h3 { font-size: 16px; margin: 0 0 15px 0; padding:2px 10px 3px; text-align: Center; text-transform:uppercase; line-height: 1.5; color: #fff; font-weight:bold; background: #d7241a; border-top: 0px solid #000; } .widget ul.wpp-list, .widget ul.wpp-list-hp { width:100%; display:inline-block;-ms-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); -webkit-backface-visibility: hidden; margin-bottom: 30px; } .widget ul.wpp-list li { width:50%; max-width: 50%; aspect-ratio: 1 / 1; overflow: hidden;padding:0;margin:0;border-radius:0%;display:inline-block;float: left;clear: right; } .widget ul.wpp-list-hp li { width: 18%; padding: 0; overflow: hidden; margin: 0 1%; float: left; text-align:center; } .widget ul.wpp-list-hp li p { margin:0; padding:18px 0 0; line-height:1.0; word-break:break-word; visibility:hidden; } #sidebar .widget ul.wpp-list { -ms-transform: rotate(0); -moz-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); } .widget ul.wpp-list-hp li:nth-child(1) .topthumb::before, .widget ul.wpp-list-hp li:nth-child(2) .topthumb::before, .widget ul.wpp-list-hp li:nth-child(3) .topthumb::before, .widget ul.wpp-list-hp li:nth-child(4) .topthumb::before, .widget ul.wpp-list-hp li:last-child .topthumb::before { position: absolute; color: #fff; font-size: 140px; font-weight: bold; visibility:hidden; } .widget ul.wpp-list-hp li:nth-child(1) .topthumb::before { content: "1"; left: 7%; opacity: 1; } .widget ul.wpp-list-hp li:nth-child(2) .topthumb::before { content: "2"; left: 27%; opacity: 0.8; } .widget ul.wpp-list-hp li:nth-child(3) .topthumb::before { content: "3"; left: 47%; opacity: 0.6; } .widget ul.wpp-list-hp li:nth-child(4) .topthumb::before { content: "4"; left: 67%; opacity: 0.4; } .widget ul.wpp-list-hp li:last-child .topthumb::before { content: "5"; left: 87%; opacity: 0.2; } .widget ul.wpp-list-hp li:last-child .topthumb:hover::before, .widget ul.wpp-list-hp li:nth-child(1) .topthumb:hover::before, .widget ul.wpp-list-hp li:nth-child(2) .topthumb:hover::before, .widget ul.wpp-list-hp li:nth-child(3) .topthumb:hover::before, .widget ul.wpp-list-hp li:nth-child(4) .topthumb:hover::before { visibility:visible; } .wpp-post-title { color: #000; font-size: 10px; font-weight: normal; letter-spacing: 0.5px; text-transform: uppercase; } .widget ul.wpp-list-hp .topthumb { padding: 0; overflow: hidden; border-radius: 50%; } .widget ul.wpp-list-hp .topthumb:hover { background-color:#d7241a; } .widget ul.wpp-list-hp .topthumb:hover + p { visibility:visible; } .widget ul.wpp-list img, .widget ul.wpp-list-hp img { width: 100%; max-width: 100%; top: 0; left: 0; height: auto; display: block; position: relative; object-fit: cover; aspect-ratio: 1 / 1; outline: 0px solid #ffffff5e; outline-offset: 0px; transition: all 0.5s ease-out; z-index: -1; } .widget ul.wpp-list li:hover img, .widget ul.wpp-list-hp li:hover img { -webkit-filter: grayscale(1) brightness(1.1) contrast(1.2);-moz-filter: grayscale(1) brightness(1.1) contrast(1.2);-ms-filter: grayscale(1) brightness(1.1) contrast(1.2);-o-filter: grayscale(1) brightness(1.1) contrast(1.2);filter: grayscale(1) brightness(1.1) contrast(1.2); transition: all 0.1s linear; max-width:108%; width: 108%; top: -4%; left: -4%; } .widget ul.wpp-list li { outline: 0px solid #e4e4e4; outline-offset: 0px; transition: all 0.5s ease-out; } .widget ul.wpp-list li:hover { outline: 10px solid #d7241a; outline-offset: -20px; transition: all 0.1s linear;} #main.unterhaltung .widget ul.wpp-list li { outline: 0px solid #b7150c; outline-offset: 0px; transition: all 0.5s ease-out; } #main.unterhaltung .widget ul.wpp-list li:hover { outline: 10px solid #d7241a; outline-offset: -20px; transition: all 0.1s linear;} #main.inspiration .widget ul.wpp-list li { outline: 0px solid #272727; outline-offset: 0px; transition: all 0.5s ease-out; } #main.inspiration .widget ul.wpp-list li:hover { outline: 10px solid #d7241a; outline-offset: -20px; transition: all 0.1s linear;} #main.lifestyle .widget ul.wpp-list li { outline: 0px solid #494a4b; outline-offset: 0px; transition: all 0.5s ease-out; } #main.lifestyle .widget ul.wpp-list li:hover { outline: 10px solid #d7241a; outline-offset: -20px; transition: all 0.1s linear;} .anzeige { font-size: 10px; line-height:2.3; color: #646567; text-align:center; max-width:100%; overflow:hidden; margin-bottom:30px; } .anzeigetext {text-align:center;margin: 10px 0;font-size: 8px;line-height: 2.3;color: #646567;letter-spacing: 1px; cursor: default; } .switch_placeholder { margin: 0 auto; } #singlebillboard .switch_placeholder { margin: 10px 0 20px; } #billboardwrap { width:100%;text-align:center;text-align:-webkit-center; min-height: 275px; } body.archive #billboardwrap, body.search #billboardwrap { padding-top: 30px; } #singlebillboard { width:970px;margin: 10px auto 0px;text-align:center -webkit-center;display: inline-block; } #werbebannerheader3 { padding: 30px 50% 15px; margin: 0 -50% 40px; min-height: 275px; background: #e4e4e4; display: table; width: 100%; } #main.unterhaltung #werbebannerheader3 { background: #b7150c; } #main.inspiration #werbebannerheader3 { background: #272727; } #main.lifestyle #werbebannerheader3 { background: #494a4b; } div:has(> #werbebannerheader3wrap) { display: table-cell; vertical-align: middle; width: 100%; } #werbebannerheader3 .skyscraper { float:right;display: inline-block;max-width: 1030px;max-height:90px;position:relative;} #werbebannerheader3 .billboard { display: inline-block;max-width: 1030px;max-height:250px;position:relative;} #werbebannerheader3 #werbebannerheader3wrap {max-width:88vw;text-align:center;position: relative;margin: 0 auto;max-height: 250px;min-height: 250px; height: 250px; overflow: hidden; } #werbebannerheader3 #werbebannerheader3wrap #bannerinnerwrap {display: table-cell;vertical-align: middle;} #werbebannerheader3 #werbebannerheader3wrap a.steadylink { padding:0; margin:0; background-color: #eaeaea; color: #b9b9b9; display: table; position: absolute; max-width: 970px; width: 970px; height: 100%; min-height:90px; right: 0; font-size: 32px; letter-spacing: 2px; font-weight: bold; border-radius:10px; } #werbebannerheader3 .disclaimer { float:right; color:#8600c4; font-size: 8px; letter-spacing: 1.5px; font-weight: bold; padding: 0 0 2px; display: inline-block; -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-backface-visibility: hidden; position: relative; top:32px; right: -23.5px; margin-left: -33px; text-align:center; } #werbebannerheader3 .disclaimer span {display:block;cursor:default;} #werbebannerheader3 .anzeigetext { color: #979797; margin: 5px 0 0; } #werbebannerheader3 .anzeigetext a { background: #979797; padding: 1px 2px; color: #e4e4e4; } #werbebannerheader3 .anzeigetext a:hover { background: #000; } #main.unterhaltung #werbebannerheader3 .anzeigetext, #main.inspiration #werbebannerheader3 .anzeigetext, #main.lifestyle #werbebannerheader3 .anzeigetext { color: #ffffff9e; } #main.unterhaltung #werbebannerheader3 .anzeigetext a, #main.inspiration #werbebannerheader3 .anzeigetext a, #main.lifestyle #werbebannerheader3 .anzeigetext a { color: #fff; background: unset; } #main.unterhaltung #werbebannerheader3 .anzeigetext a:hover, #main.inspiration #werbebannerheader3 .anzeigetext a:hover, #main.lifestyle #werbebannerheader3 .anzeigetext a:hover { background: #fff; color: #000; } #nativeadspace { width:250px; margin: 20px auto -80px; text-align:center; font-size:9px; font-color:#333; } #nativeadspace .leap_ad { height: 320px !important; width: 250px !important; } .leap_hl a { font-size:14px; } .leap_cta a { font-size:14px; color:#000; } .home_column .widget h3.title { border-top: 1px solid #E5E5E5; border-bottom:none; font-size: 13px; line-height: 1.3; margin: 0 0 10px 0; padding:10px 0 0; text-transform:uppercase; color: #212121; font-weight:normal; } .widget { float: left; line-height: 1.5; width: 100%; } .widget ul { clear: both; margin: 5px 0; line-height: 1.7; } .widget.ayb_posts ul { text-align:left;padding:0 0 10px 38px; } .widget.ayb_posts ul li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width:24em; } .widget.ayb_posts p {display:table;} .widget.ayb_posts span.ayb_date { padding: 5px; vertical-align: middle; line-height: 11px; display: table-cell; border-radius: 3px; font-size: 11px; font-weight: bold; background-color: #000; color: #646567; cursor: default; } .widget.ayb_posts p:hover span.ayb_date {background-color:#d7241a;color:#fff;} .widget.ayb_posts a { padding-left: 13px; display: table-cell; line-height: 1.35; } .screen-reader-text { display:none; } .widget ul li { list-style-type: none; margin: 10px 0;} .widget ul.langeweile-widget li { margin: 0 0 30px 0;} .widget ul ul { margin: 0; padding: 0; border-top: none; } .widget ul ul li { border: none; } .widget #cat, .widget select { background: #F7F7F7; border: 1px solid #cdcfd4; color: #333333; display: inline; padding: 5px; line-height: 1.5; clear: both; } .widget_categories { text-align:center; } .side_ad { text-align: center; margin:25px 0 10px; } /* Category Widget */ .widget_categories ul li { color: #fff; text-align: right; font-weight: normal; padding: 2px 0; clear: both; } .widget_categories ul li li { padding-left:10px; } .widget_categories ul li a { text-align: left; float: left; } /* Recent Comments */ .recent-comments-list .avatar { margin-right: 8px; float: left;} .recent-comments-list li { padding: 6px 0 10px; margin:0 0 5px; border-bottom: 1px solid #eee; line-height:1.4; } .recent-comments-list li a { font-weight:bold; } /* Recent Posts */ .widget .feature-posts-list br {display: none;} .widget .feature-posts-list img { margin: 4px 12px 5px 0; float: left;} .widget .feature-posts-list small { font-size: 10px; color: #8B96A0; margin: 2px 0 4px; display: block; } .widget .feature-posts-list .post-excerpt { display: block;} .widget .feature-posts-list li { padding: 6px 0; border-bottom:1px solid #ececec; line-height:1.4; } .widget .feature-posts-list li a { font-weight:bold; } /* Langeweile Widget */ .widget .langeweile-widget { margin: 0 0 -5px 0; overflow: hidden; } .widget .langeweile-widget br {display: none;} .widget .langeweile-widget .lww-thumb-small { margin: 10px 12px 50px 0; } .widget .langeweile-widget small { font-size: 12px; color: #8B96A0; margin: 2px 0 4px 0; display: block; } .widget .langeweile-widget .post-content { display: none; padding:8px 16px 20px; font-size:12px; } .widget .langeweile-widget li { line-height: 1.4; text-align:justify; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .widget .langeweile-widget li:first-child { padding-top:0px; } .widget .langeweile-widget li:last-child { padding:0px;margin:0; } .widget .langeweile-widget .lww-title-small { font-weight: bold; Color: #000; } .widget .langeweile-widget .featured-post { height: auto; overflow: hidden; } .widget .lwwinline li:first-child { padding-right:10px; } .widget .lwwinline li { display: inline; overflow: hidden; } .widget h5.lwwdachzeile { font-size:12px; font-weight:bold; padding: 3px 6px 3px 0; display: inline-block; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 27em; } .widget .lwwheadlinewrap { width:100%; margin-top: -22px;font-size:21px; font-family: 'Roboto Condensed', sans-serif; text-align:center; } .widget h3.lwwheadline { background:#fff; display:inline-block; padding:4px 11px;max-width:82%;line-height:1.2;border-radius:5px; } .widget h3.lwwheadline a {font-size:18px;} .widget .lwwdach { position:relative; top:-16px; max-width: 350px; background-color: #ffffff; display: inline-block; } /* Archive widget */ .widget_archive li { width:49%; float:left; display:block; margin:0; padding:0 0 6px;} #stickybox { width: 100%; border-radius: 5px; max-width: 100%; max-height: 700px; } .inner-wrap-single #sidebar #stickybox { background: #e4e4e4; border: 20px solid #e4e4e4; margin-left: -20px; } #main.unterhaltung #stickybox { background: #b7150c; border: 20px solid #b7150c; } #main.inspiration #stickybox { background: #272727; border: 20px solid #272727; } #main.lifestyle #stickybox { background: #494a4b; border: 20px solid #494a4b; } #stickybox-sticky-wrapper { display: inline-block; max-width: 100%; width: 100%; } #stickywrapper { max-width: 100%; overflow: hidden; max-height: 650px; } div#sticker { padding:20px; margin:20px 0; background:#AAA; width:190px; } .stick { position:fixed; top:0px; } .widge iframe {border:0;width:100%} /********************************************************************************************* 8. Comments ------------------------- comments.php *********************************************************************************************/ .commentjump { display:block; text-align:center; margin: 45px auto 40px; padding: 50px 0 15px; } .commentjump a {background:#000;color:#fff;padding:9px 17px;border-radius:4px;text-transform:uppercase;letter-spacing:2px;font-size:16px;} #comments { clear: both; width:100%;padding-top:35px; } .full-width #comments { width: 90%; margin: 80px auto 0; } #comments h3 { font-family: 'Roboto Condensed', sans-serif; font-size: 40px; letter-spacing: 1px; text-align: center; line-height: 1.3; margin: 30px 0 80px; text-transform: uppercase; color: #000; font-weight: bold; } .aehnlich { font-size: 30px; margin: 15px 0 -5px 0; padding: 10px 0 0 0; text-transform: uppercase; color: #000; font-weight: bold; } #comments .navigation { padding: 0 0 40px 0; margin-top: -40px; font-family: 'Roboto Condensed', sans-serif; } .commentlist { list-style: none; width:100%; margin-bottom: 100px; } .commentlist li.byuser { background-color: #fff; } .commentlist li.comment { font-size:12px; line-height: 1.7; clear: left; position: relative; overflow:hidden;width:100%; } .commentlist li.depth-1.comment { margin-bottom: 80px; } .commentlist li:last-child { border-bottom: none; margin-bottom: 0; } .commenthalf { display: inline; max-width: calc(100% - 160px); float: left; } .commentlist .children li.depth-2 .commenthalf { display: inline; max-width: calc(100% - 160px); float: right; } .comment-author { float:left; margin:0 20px 0 0; } .commentlist .children li.depth-2 .comment-author { float:right; margin:0 0 0 20px; } .commentlist .children li.depth-2:not(.bypostauthor) .comment-body { float:right; max-width:527px;overflow:hidden; background: #646567; } .commentlist li.depth-1 .comment-body:before { top: 30px; content: ""; position: absolute; left: 135px; border-width: 25px 15px 0px; border-style: solid; border-color: #494a4b #fff0; transform: rotate(90deg); display: block; width: 0; } .commentlist li.bypostauthor.depth-1 .comment-body:before { border-color: #d7241a transparent; } .commentlist .children li.depth-2 .comment-body:before { content: none; } .commentlist .children li.depth-2 .comment-body:after { top: 60px; content: ""; position: absolute; right: 135px; border-width: 25px 15px 0px; border-style: solid; border-color: #646567 #fff0; transform: rotate(270deg); display: block; width: 0; } .commentlist .children li.bypostauthor.depth-2 .comment-body:after { border-color: #d7241a transparent; } #comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; width:200px; overflow:hidden; } #comments .comment-body blockquote p:last-child { margin-bottom: 24px; } .commentlist ol { list-style: decimal; } .commentlist .avatar { margin-bottom:5px; } .comment-author { width: 140px; margin:0 20px 0 0; display: inline-block; text-align:center; } .comment-author img { border-radius:5px; display: block; margin: 0 auto; } .comment-author cite { color: #000; font-weight: 700; font-style: normal; font-size: 16px; display: block; margin-top: 10px; line-height: 1.1; font-family: 'Roboto Condensed', sans-serif; } .comment-author .says { display:none; } .comment-meta { font-size: 9px; letter-spacing: 1px; margin: 0; } .comment-meta a { color: #ffffff5c; text-decoration: none; font-weight:normal; padding: 3px 0; } .comment-meta a:hover { color: #ffffffb0; } .comment-body { display: inline-block; padding: 30px; max-width: 687px; background: #494a4b; border-radius: 5px; vertical-align: top; color: #fff; font-size: 16px; overflow:hidden; } .comment-body a { word-break: break-all; } .bypostauthor .comment-body { background: #d7241a;overflow:hidden; } .bypostauthor .comment-body a { color:#000; } .bypostauthor .comment-body .reply a { color:#d7241a; background-color:rgba(255, 255, 255, 0.5); } .comment-meta { display:inline-block; float:left; padding-right: 20px; position: relative; padding-top: 13px; } .bypostauthor .comment-meta a { color:rgba(255, 255, 255, 0.7); } .reply { font-size: 10px; letter-spacing: 1.5px; float: right; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; padding-top: 11px; } .reply a { color:#494a4b; background-color:rgba(255, 255, 255, 0.3); border-radius: 3px; padding: 3px 7px; } li.depth-2 .reply a { color:#646567; } .comment-body:hover .reply a { color:#000; background: #fff; } .sce-edit-button { font-size: 12px; margin-bottom: 15px; background: #fff; color: #000; padding: 4px 10px; border-radius: 2px; width: 195px; } .sce-comment-edit-buttons button, input[type=button], input[type=reset], input[type=submit] { padding: 6px 15px; font-size: 14px; border-radius: 4px; margin: 5px; } .sce-textarea { text-align: center; } .sce-textarea textarea { border:none; } .commentlist .children { list-style: none; margin: 0; } .commentlist .children li { border: none; padding-top:30px; } .nopassword, .nocomments { display: none; } #comments .pingback { margin: 20px 0; text-align:center; } .commentlist li.comment+li.pingback { margin-top: -6px; } #comments .pingback p { color: #959595; font-size: 13px; background: #e4e4e4; padding: 8px 20px; border-radius: 25px; display: inline-block; } #comments .pingback a { color: #959595; } #comments .pingback a:hover { color: #000; } .comment-notes { display:none; } /* Comments form */ #respond { margin: 30px auto; width: 90%; max-width:600px; overflow: hidden; position: relative; text-align:center; } #respond p { margin: 0; } #respond .comment-notes { margin-bottom: 1em; } .form-allowed-tags { line-height: 1em; } .children #respond { margin: 0 0 0 163px; } .children #respond input[type="submit"] { font-size: 16px; padding: 10px 35px; } .commentlist #respond { clear: both; display: block; } #comments-list #respond { margin: 0 0 18px 0; } #comments-list ul #respond { margin: 0; } #cancel-comment-reply-link { font-size: 14px; font-weight: bold; line-height: 18px; margin-left:10px; font-family: 'Roboto Condensed', sans-serif; } #respond .required_lab { color:#b3b3b3; } #respond label { font-size: 12px; color:#646567; top: -2px; position: relative; left: 5px; } #respond p.wysija-after-comment label { left:0; } #respond input { margin: 0 0 9px; } .logged-in-as { font-size: 10px; letter-spacing: 1px; margin: 30px 0; text-transform: uppercase; } #respond textarea { width: 92%; resize:none; min-height: 120px; border:none; background:#b5b5b5; padding: 25px 4%; font-size:25px; line-height:1.5; color:#000; text-align:center; clear: both; display: block; margin: 10px 0 30px; box-shadow: inset 2px 2px 5px #0000008c; } #respond .form_fields input {border:none !important;background:#b5b5b5; box-shadow: inset 2px 2px 5px #0000008c;} #respond textarea:focus, #respond .form_fields input:focus { background:#5a5a5a;color:#fff!important;font-weight:bold; } #respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px; display:none; } #respond .form-allowed-tags code { font-size: 11px; } #respond .form-submit { text-align:center; margin:40px 0 30px; } #respond .form_fields { display:inline-block; width: 100%; margin: 0 0 10px; } #respond .form_fields p { margin-bottom:5px; display:inline-block; width: 100%; } #respond .comment-form-comment { width: 100%; float: left; } #respond .form_fields input { clear: both; display: block; margin: 5px 0 20px; font-size: 18px; width: 90%; padding: 15px 5%; text-align:center; border-radius: 0; } #respond h3.comment-reply-title { text-align:center; padding:0; margin:20px 0;font-size:14px; } #respond #wysija-box-after-comment { width:13px; margin-right: 10px; top: 2px; position: relative; } #respond input#subscribe { margin-right:2px; } #respond .subscribe-to-comments { margin-bottom:3px;font-size:12px; } #respond p.subscribe-to-comments, #respond p.wysija-after-comment { width:100%; text-align:center; margin:10px 0; } #respond input[type="submit"] { font-size: 24px; text-transform: uppercase; letter-spacing: 1px; padding: 20px 50px; box-shadow: 4px 4px 6px 0 #000; transition: all 0.3s linear; } #respond input[type="submit"]:hover { background: #d7241a; margin: -4px 0 13px; box-shadow: 7px 7px 11px -1px #000000b3; transition: all 0.1s linear; } select#subscribe-reloaded { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("data:image/svg+xml;utf8,") no-repeat; background-size: 12px; background-position: right .8em top 73%; background-repeat: no-repeat; cursor: pointer; background-color: #000; color: #fff; padding: 7px 10px; border-radius: 3px; border: none; font-size:13px; -webkit-appearance: none; } select#subscribe-reloaded:hover {background-color:#727272;border:none; -webkit-appearance: none; -moz-appearance: none;appearance: none;} select#subscribe-reloaded:focus {outline: 0;border:none; -webkit-appearance: none; -moz-appearance: none;appearance: none;} span.comsubtext {font-size:13px;color:#ccc;padding: 0 0 0 10px;} span.comsubtext a { background: #999; padding: 7px 10px; border-radius: 3px; color: #fff; font-weight: normal; } span.comsubtext a:hover {color:#fff;background:#727272;} #kontaktform textarea { height:inherit; } #kontaktform textarea:focus { background:#646567 !important; } #kontaktform input#fscf_email1, #kontaktform input#fscf_name1, #kontaktform input#fscf_captcha_code1 { width:94%;border:none;background:#b3b3b3;color:#fff;padding:6% 0 6% 6%; font-size:18px; } #kontaktform input:focus, #kontaktform input#fscf_email1:focus, #kontaktform input#fscf_name1:focus, #kontaktform input#fscf_captcha_code1:focus { background:#646567; } #kontaktform input[type=submit] { font-size: 35px; text-transform: uppercase; padding: 14px 70px; } #kontaktform span { line-height: 1.5; color:#b3b3b3; font-size:12px; } #kontaktform input#fscf_field1_4 { display: inline-block; float: left;margin-left:20% !important; } #kontaktform #fscf_div_field1_4 { margin-bottom:10px; } #kontaktform #fscf_captcha_field1 span { display:none; } #kontaktform #fscf_captcha_field1 { display: inline-block; float: left; width:40% !important;text-align:left !important; } #kontaktform #fscf_captcha_image_div1 { display: inline-block; float: left; margin: 20px 1% 20px 30%; } #fscf_captcha_refresh1 { width:20px;display:inline-block; } #kontaktform input#fscf_captcha_code1 { margin-right:18%; } #ueberbg { width:100%;margin-left:-50%;margin-bottom:50px;padding:0 50%;background: url('/wp-content/themes/originmag/images/ueberbg.jpg') no-repeat center center fixed;background-size:cover; height:350px;text-align:center; } #werbungbg { width:100%;margin-left:-50%;margin-bottom:50px;padding:0 50%;background: url('/wp-content/themes/originmag/images/werbungbg.jpg') no-repeat center center fixed;background-size:cover; height:350px;text-align:center; } #haftungbg { width:100%;margin-left:-50%;margin-bottom:50px;padding:0 50%;background: url('/wp-content/themes/originmag/images/haftungbg.jpg') no-repeat center center fixed;background-size:cover; height:350px;text-align:center; } #Datenschutz { width:100%;margin-left:-50%;margin-bottom:50px;padding:0 50%;background: url('/wp-content/themes/originmag/images/databg.jpg') no-repeat center center fixed;background-size:cover; height:350px;text-align:center; } #zahlenbg { width:100%;margin-left:-50%;margin-bottom:50px;padding:0 50%;background: url('/wp-content/themes/originmag/images/zahlenbg.jpg') no-repeat center center fixed;background-size:cover; height:350px;text-align:center; } #kontaktbg { width:100%;margin-left:-50%;margin-bottom:50px;padding:0 50%;background: url('/wp-content/themes/originmag/images/kontaktbg.jpg') no-repeat center center fixed;background-size:cover; height:350px;text-align:center; } #exkursbg { width:100%;margin-left:-50%;margin-bottom:50px;padding:0 50%;background: url('/wp-content/themes/originmag/images/exkursbg.jpg') no-repeat center center fixed;background-size:cover; height:350px;text-align:center; } #referenzbg { width:100%;margin-left:-50%;margin-bottom:50px;padding:0 50%;background: url('/wp-content/themes/originmag/images/referenzbg.jpg') no-repeat center center fixed;background-size:cover; height:350px;text-align:center; } #formatebg { width:100%;margin-left:-50%;margin-bottom:50px;padding:0 50%;background: url('/wp-content/themes/originmag/images/formatebg.jpg') no-repeat center center fixed;background-size:cover; height:350px;text-align:center; } #socialmediabg { width:100%;margin-left:-50%;margin-bottom:50px;padding:0 50%;background: url('/wp-content/themes/originmag/images/socialmediabg.jpg') no-repeat center center fixed;background-size:cover; height:350px;text-align:center; } #unternehmenbg { width:100%;margin-left:-50%;margin-bottom:50px;padding:0 50%;background: url('/wp-content/themes/originmag/images/unternehmenbg.jpg') no-repeat center center fixed;background-size:cover; height:350px;text-align:center; } #speakerbg { width:100%;margin-left:-50%;margin-bottom:50px;padding:0 50%;background: url('/wp-content/themes/originmag/images/speakerbg.jpg') no-repeat center center fixed;background-size:cover; height:350px;text-align:center; } #grafikdesignbg { width:100%;margin-left:-50%;margin-bottom:50px;padding:0 50%;background: url('/wp-content/themes/originmag/images/grafikdesignbg.jpg') no-repeat center center fixed;background-size:cover; height:350px;text-align:center; } #kontaktbg h2, #werbungbg h2, #haftungbg h2, #Datenschutz h2, #ueberbg h2, #zahlenbg h2, #exkursbg h2, #referenzbg h2, #formatebg h2, #socialmediabg h2, #unternehmenbg h2, #speakerbg h2, #grafikdesignbg h2 { color:#fff;padding: 5px 15px;display: inline-block; margin-top: 130px; width:auto;text-shadow: 5px 5px 5px #000000; } #ca-bilderparade { width:100%;margin-left:-50%;margin-top:-30px;margin-bottom:-20px;padding:0 50%;background: url('/wp-content/themes/originmag/images/ca-bilderparade.jpg') no-repeat center center fixed;background-size:cover; height:250px;text-align:center; } #ca-schoen { width:100%;margin-left:-50%;margin-top:-30px;margin-bottom:-20px;padding:0 50%;background: url('/wp-content/themes/originmag/images/ca-schoen.jpg') no-repeat center center fixed;background-size:cover; height:250px;text-align:center; } #ca-film { width:100%;margin-left:-50%;margin-top:-30px;margin-bottom:-20px;padding:0 50%;background: url('/wp-content/themes/originmag/images/ca-film.jpg') no-repeat center center fixed;background-size:cover; height:250px;text-align:center; } #ca-games { width:100%;margin-left:-50%;margin-top:-30px;margin-bottom:-20px;padding:0 50%;background: url('/wp-content/themes/originmag/images/ca-games.jpg') no-repeat center center fixed;background-size:cover; height:250px;text-align:center; } #ca-kleinigkeiten { width:100%;margin-left:-50%;margin-top:-30px;margin-bottom:-20px;padding:0 50%;background: url('/wp-content/themes/originmag/images/ca-kleinigkeiten.jpg') no-repeat center center fixed;background-size:cover; height:250px;text-align:center; } #ca-lustig { width:100%;margin-left:-50%;margin-top:-30px;margin-bottom:-20px;padding:0 50%;background: url('/wp-content/themes/originmag/images/ca-lustig.jpg') no-repeat center center fixed;background-size:cover; height:250px;text-align:center; } #ca-shorts { width:100%;margin-left:-50%;margin-top:-30px;margin-bottom:-20px;padding:0 50%;background: url('/wp-content/themes/originmag/images/ca-shorts.jpg') no-repeat center center fixed;background-size:cover; height:250px;text-align:center; } #ca-win-compilation { width:100%;margin-left:-50%;margin-top:-30px;margin-bottom:-20px;padding:0 50%;background: url('/wp-content/themes/originmag/images/ca-win-compilation.jpg') no-repeat center center fixed;background-size:cover; height:250px;text-align:center; } #ca-animiertes { width:100%;margin-left:-50%;margin-top:-30px;margin-bottom:-20px;padding:0 50%;background: url('/wp-content/themes/originmag/images/ca-animiertes.jpg') no-repeat center center fixed;background-size:cover; height:250px;text-align:center; } #ca-architektur { width:100%;margin-left:-50%;margin-top:-30px;margin-bottom:-20px;padding:0 50%;background: url('/wp-content/themes/originmag/images/ca-architektur.jpg') no-repeat center center fixed;background-size:cover; height:250px;text-align:center; } #ca-art { width:100%;margin-left:-50%;margin-top:-30px;margin-bottom:-20px;padding:0 50%;background: url('/wp-content/themes/originmag/images/ca-art.jpg') no-repeat center center fixed;background-size:cover; height:250px;text-align:center; } #ca-bewegte-bilder { width:100%;margin-left:-50%;margin-top:-30px;margin-bottom:-20px;padding:0 50%;background: url('/wp-content/themes/originmag/images/ca-bewegte-bilder.jpg') no-repeat center center fixed;background-size:cover; height:250px;text-align:center; } #ca-design { width:100%;margin-left:-50%;margin-top:-30px;margin-bottom:-20px;padding:0 50%;background: url('/wp-content/themes/originmag/images/ca-design.jpg') no-repeat center center fixed;background-size:cover; height:250px;text-align:center; } #ca-fotografie { width:100%;margin-left:-50%;margin-top:-30px;margin-bottom:-20px;padding:0 50%;background: url('/wp-content/themes/originmag/images/ca-fotografie.jpg') no-repeat center center fixed;background-size:cover; height:250px;text-align:center; } #ca-kurzweil-ich { width:100%;margin-left:-50%;margin-top:-30px;margin-bottom:-20px;padding:0 50%;background: url('/wp-content/themes/originmag/images/ca-kurzweil-ich.jpg') no-repeat center center fixed;background-size:cover; height:250px;text-align:center; } #ca-schriftgestelltes { width:100%;margin-left:-50%;margin-top:-30px;margin-bottom:-20px;padding:0 50%;background: url('/wp-content/themes/originmag/images/ca-schriftgestelltes.jpg') no-repeat center center fixed;background-size:cover; height:250px;text-align:center; } #ca-autos { width:100%;margin-left:-50%;margin-top:-30px;margin-bottom:-20px;padding:0 50%;background: url('/wp-content/themes/originmag/images/ca-autos.jpg') no-repeat center center fixed;background-size:cover; height:250px;text-align:center; } #ca-food { width:100%;margin-left:-50%;margin-top:-30px;margin-bottom:-20px;padding:0 50%;background: url('/wp-content/themes/originmag/images/ca-food.jpg') no-repeat center center fixed;background-size:cover; height:250px;text-align:center; } #ca-musik { width:100%;margin-left:-50%;margin-top:-30px;margin-bottom:-20px;padding:0 50%;background: url('/wp-content/themes/originmag/images/ca-musik.jpg') no-repeat center center fixed;background-size:cover; height:250px;text-align:center; } #ca-reisen { width:100%;margin-left:-50%;margin-top:-30px;margin-bottom:-20px;padding:0 50%;background: url('/wp-content/themes/originmag/images/ca-reisen.jpg') no-repeat center center fixed;background-size:cover; height:250px;text-align:center; } #ca-sport { width:100%;margin-left:-50%;margin-top:-30px;margin-bottom:-20px;padding:0 50%;background: url('/wp-content/themes/originmag/images/ca-sport.jpg') no-repeat center center fixed;background-size:cover; height:250px;text-align:center; } #ca-style { width:100%;margin-left:-50%;margin-top:-30px;margin-bottom:-20px;padding:0 50%;background: url('/wp-content/themes/originmag/images/ca-style.jpg') no-repeat center center fixed;background-size:cover; height:250px;text-align:center; } #ca-technik { width:100%;margin-left:-50%;margin-top:-30px;margin-bottom:-20px;padding:0 50%;background: url('/wp-content/themes/originmag/images/ca-technik.jpg') no-repeat center center fixed;background-size:cover; height:250px;text-align:center; } #ca-web { width:100%;margin-left:-50%;margin-top:-30px;margin-bottom:-20px;padding:0 50%;background: url('/wp-content/themes/originmag/images/ca-web.jpg') no-repeat center center fixed;background-size:cover; height:250px;text-align:center; } #ca-bilderparade h1, #ca-schoen h1, #ca-film h1, #ca-games h1, #ca-kleinigkeiten h1, #ca-lustig h1, #ca-shorts h1, #ca-win-compilation h1, #ca-animiertes h1, #ca-architektur h1, #ca-art h1, #ca-bewegte-bilder h1, #ca-design h1, #ca-fotografie h1, #ca-kurzweil-ich h1, #ca-schriftgestelltes h1, #ca-autos h1, #ca-food h1, #ca-musik h1, #ca-reisen h1, #ca-sport h1, #ca-style h1, #ca-technik h1, #ca-web h1 { color:#fff; display: inline-block; margin-top: 80px; width:auto;text-shadow: 5px 5px 5px #000000; } #impressum { width:100%;text-align:center;font-size:18px;line-height:1.5;color:#646567; margin-bottom:50px; } #kleingedrucktes p { font-size: 14px;line-height:2.0;margin-bottom:40px; } #kleingedrucktes h3 { font-size: 20px; } .mediadata { width:33.3%;color:#000;text-align:center;display:inline-block;float:left;padding: 3% 0; } .mediadata2 { width:33.3%;color:#000;text-align:center;display:inline-block;float:right;padding: 3% 0; } .mediadata:hover, .mediadata2:hover { background:#b3b3b3; } .full-width .entry .mediadata h3, .full-width .entry .mediadata2 h3 { color:#d7241a; margin:0 0 5px;font-size:70px;font-family:'Roboto Condensed', sans-serif;line-height:1.0; } .full-width .entry .mediadata p, .full-width .entry .mediadata2 p { padding:0; margin:0; text-align:center;font-weight:bold;font-family:bloggersans;line-height:1.0;font-size:16px; } #Geschlecht, #Alter { width:100%;display:block;margin:50px 0;height:180px;clear:both; } #Alter { margin-bottom:100px; } #weiblich { background:#646567;text-align:center; color:#fff;display:inline-block;float:left;padding: 70px 0;font-size: 60px;font-weight: bold;font-family: 'Roboto Condensed', sans-serif; } #maennlich { background:#d7241a;text-align:center; color:#fff;display:inline-block;float:left;padding: 70px 0;font-size: 60px;font-weight: bold;font-family: 'Roboto Condensed', sans-serif; } .p0 { width:0%; } .p1 { width:1%; } .p2 { width:2%; } .p3 { width:3%; } .p4 { width:4%; } .p5 { width:5%; } .p6 { width:6%; } .p7 { width:7%; } .p8 { width:8%; } .p9 { width:9%; } .p10 { width:10%; } .p11 { width:11%; } .p12 { width:12%; } .p13 { width:13%; } .p14 { width:14%; } .p15 { width:15%; } .p16 { width:16%; } .p17 { width:17%; } .p18 { width:18%; } .p19 { width:19%; } .p20 { width:20%; } .p21 { width:21%; } .p22 { width:22%; } .p23 { width:23%; } .p24 { width:24%; } .p25 { width:25%; } .p26 { width:26%; } .p27 { width:27%; } .p28 { width:28%; } .p29 { width:29%; } .p30 { width:30%; } .p31 { width:31%; } .p32 { width:32%; } .p33 { width:33%; } .p34 { width:34%; } .p35 { width:35%; } .p36 { width:36%; } .p37 { width:37%; } .p38 { width:38%; } .p39 { width:39%; } .p40 { width:40%; } .p41 { width:41%; } .p42 { width:42%; } .p43 { width:43%; } .p44 { width:44%; } .p45 { width:45%; } .p46 { width:46%; } .p47 { width:47%; } .p48 { width:48%; } .p49 { width:49%; } .p50 { width:50%; } .p51 { width:51%; } .p52 { width:52%; } .p53 { width:53%; } .p54 { width:54%; } .p55 { width:55%; } .p56 { width:56%; } .p57 { width:57%; } .p58 { width:58%; } .p59 { width:59%; } .p60 { width:60%; } .p61 { width:61%; } .p62 { width:62%; } .p63 { width:63%; } .p64 { width:64%; } .p65 { width:65%; } .p66 { width:66%; } .p67 { width:67%; } .p68 { width:68%; } .p69 { width:69%; } .p70 { width:70%; } .p71 { width:71%; } .p72 { width:72%; } .p73 { width:73%; } .p74 { width:74%; } .p75 { width:75%; } .p76 { width:76%; } .p77 { width:77%; } .p78 { width:78%; } .p79 { width:79%; } .alter { text-align:center; color:#fff;display:inline-block;float:left;padding: 70px 0;font-size: 30px;font-weight: bold;font-family: 'Roboto Condensed', sans-serif; } .rot { background:#d7241a; } .grau { background:#646567; } .grauer { background:#b3b3b3; } .klein { font-size: 11px;line-height: 12px;padding: 89px 0; } #weiblich:hover, #maennlich:hover, .alter:hover { background:#000; } #socialstats { clear:both;text-align:center;padding:40px 0;margin-bottom:70px; } #socialstats a { color:#fff; } #socialstats i { color:#fff; font-size:40px; margin-right:10px;margin-top:-6px; } .socialstat { display:inline-block; margin: 20px 5% 0px 0; padding:12px 20px 8px; border-radius:8px;color:#fff;font-size:20px; } .statfb { background:#3b5999; } .stattw { background:#00acee; } .statin { background:#a67d61; } .statpin { background:#ca2126; } .statyt { background:#f80000;margin:0; } #bannerformate { width:100%;text-align:center;margin-bottom:70px; } #billboard { width: 300px; height:75px; background:#b3b3b3;color:#fff;display:inline-block;vertical-align:middle;margin-right:15px; } #halfpage { width: 90px; height:180px; background:#b3b3b3;color:#fff;display:inline-block;vertical-align:middle;margin-right:15px; } #mediumrec { width: 90px; height:75px; background:#b3b3b3;color:#fff;display:inline-block;vertical-align:middle;margin-right:15px; } #superbanner { width: 219px; height:27px; background:#b3b3b3;color:#fff;display:inline-block;vertical-align:middle; } #billboard:hover, #halfpage:hover, #mediumrec:hover, #superbanner:hover { background:#000; } #billboardsingle { text-align:center; margin:20px 0;font-size:12px;color:#929395; } #advertinfo { display:inline-block;padding-left:180px;max-width:650px; } #advertinfo p { padding:0; } #advertorials { width:400px;text-align:center;color:#fff;float:right; margin:0 0 50px 50px;padding-top:10px; } #advertorials p { margin:0;padding:0;text-align:center; } #advertorials img { margin-bottom:25px; } #advertorialdemo { width:270px;padding:130px 0; float:left;background:#d7241a;display:inline-block;margin-bottom:25px;font-size:22px; } #sidebardemo { width:110px;padding:130px 0;float:right;background:#646567;display:inline-block;margin-bottom:25px;font-size:16px; } a.nonexklusiv { background:#b3b3b3;padding:0 15px;font-size:15px;font-weight:bold;border-radius:6px;display:inline-block;color:#fff;margin-right:10px; } a.exklusiv { background:#b3b3b3;padding:0 15px;font-size:15px;font-weight:bold;border-radius:6px;display:inline-block;color:#fff; } a.exklusiv.active, a.nonexklusiv.active { background:#000; } a.nonexklusiv:hover, a.exklusiv:hover { background:#d7241a; } #referenzen { display: inline-block; margin: 0 0 100px; } .referenz { display:inline-block;width:16%;padding:2%;float:left; } .referenz img { width:100%; height:auto; } .services { text-align:center; padding:15px; width:50%; margin: 0 auto 30px; background:#000; color:#fff; font-size:30px; } .services:hover { background:#d7241a; } #sAWEmedia { margin:70px 0; } #sAWEmedia a { color: #380057; } .sponsoredhighlight { display:inline-block; width:33.3%; height:200px; float:left; text-align:center;margin-bottom:50px;line-height: 1.2; } .sponsoredhighlight img { width:90%;height:auto;display:block;margin:0 auto 10px; } .sponsoredhighlight a { font-size:15px; } #understitial div:first-child:after { content: "anzeige"; position: relative; background: #fff; display: block; text-align: center; width: 100%; text-transform: uppercase; font-size: 8px; letter-spacing: 2px; padding: 10px 0; color: #999; font-family: "Lato","Myriad Pro","Arial",sans-serif; } .adform-adbox { height:unset !important;} ins.adsbygoogle { width: inherit !important;} .pc-wrapper.active { z-index:9999 !important;} #rcfUndIframeNewTopLine, #rcfUndIframeNewBottomLine, #rcfUndIframeTopLine, #rcfUndIframeBottomLine {box-shadow:none !important;} #rcfUndIframeNewBottomLine, #rcfUndIframeBottomLine {display:none !important;} /********************************************************************************************* 9. Footer ------------------------- footer.php *********************************************************************************************/ #footer { padding:15px 0 0; } #Footerinfos { padding-top:100px; background: #646567; } #Footerinfos.unterhaltung { background: #b7150c; } #Footerinfos.inspiration { background: #272727; } #Footerinfos.lifestyle { background: #494a4b; } #Footerinfos a { color:#fff; } #Footerinfos a:hover { color:#fff; } #Footerinfos #backlinks a { font-size:12px; line-height:1.4; color:#b3b3b3; } #backlinks { margin-bottom: 10px; font-size: 9px; } #footer div.column, #Footerinfos div.column { display: inline; float: left; margin-right: 50px; width: 400px; color: #fff; } #footerend { margin: 20px 0; align:center; } #footer div.last, #Footerinfos div.last { margin-right: 0; } #footer .widget-area, #Footerinfos .widget-area { padding:0 0 15px; margin: 40px auto 35px; width: 1300px; color: #fff; } #footer .column .widget, #Footerinfos .column .widget { width:100%; float:left; line-height:1.7; overflow:hidden; margin-bottom:35px; font-size: 15px; color: #000; text-align:center; } #footer .widget h3.title, #Footerinfos .widget h3.title { font-family: bloggersans; border-bottom: 0 none; font-size: 28px; line-height: 1.4; margin: 20px 0 40px 0; padding: 2px 10px; text-transform:uppercase; color: #fff; background:none; font-weight:bold; letter-spacing:2px; } #footest { background: #000; padding: 40px 0 50px; margin-top:-10px; margin-bottom:-20px; width: 100%; text-align: Center; } #footest a:hover { color:#d7241a; } #maik { width:400px; height: 240px; background-image: url(/wp-content/themes/originmag/images/Maik-Zehrfeld2_400.jpg); background-size: cover; margin-bottom:20px; border-top-left-radius: 12px; border-top-right-radius: 12px; } #footersticky {width:100%;height:auto;position:fixed;bottom:0px;text-align:center;z-index:9999;font-size:0;margin-bottom:0px;} #footersticky.closed {display:none;} #stickybanner {text-align:center;display:inline-block;} #div-gpt-ad-1407836023985-0 div:nth-child(1):after { content:"WERBUNG (×)"; font-size:8px; background: #fff; color: #000; opacity: 0.5; width: 60px; position: absolute; padding: 2px 5px; border-radius: 4px; letter-spacing: 1px; display:block; float:left; bottom:8px; left:8px; cursor: pointer; pointer-events: all; } #div-gpt-ad-1407836023985-0 div:nth-child(1):before { font-weight: bold; content: "×"; font-size: 66.5px; background: #000; color: #fff; opacity: 0.2; margin: 0; width: 100%; text-align: right; z-index: -1; position: absolute; padding: 0px 30px 8px; border-radius: 0px; letter-spacing: 1px; display: inline-block; right:0; float:right; vertical-align: top; cursor: pointer; pointer-events: all; } #footersticky:hover #div-gpt-ad-1407836023985-0 div:nth-child(1):before { opacity: 0.8; } /***************************************************************** SONSTIGES ********************************************************/ #contentsingle .bildquelle, .recent-post .entry .bildquelle { color: #646567; text-align: center; font-size: 10px; line-height: 1; margin: -50px 0 50px; width: 100%; padding: 0; font-weight: normal; letter-spacing: 1px; } #contentsingle .via, .recent-post .entry .via { color: #737373; text-align: center; font-size: 11px; letter-spacing: 0.5px; line-height: 2; margin: 80px auto 30px; display: table; max-width: 80%; padding: 8px 20px; background: #f7f7f7; border-radius: 35px; } #contentsingle .via:hover, .recent-post .entry .via:hover { background: unset; } #contentsingle .via a, .recent-post .entry .via a { font-weight: bold; color: #737373; padding: 4px 1px; } #contentsingle .via a:hover, .recent-post .entry .via a:hover { color:#000; } .tp-leftarrow.round { background:none !important; } .tp-rightarrow.round { background:none !important; } .caption.slidelink a div, .tp-caption.slidelink a span, .tp-caption.slidelink a div { background:none !important; } .woocommerce-breadcrumb { margin-top:40px; padding-top:20px; } #tab-description { padding: 50px; } .wp-pagenavi { clear: both; width:100%; margin: 30px 0; text-align:center; font-family: 'Roboto Condensed', sans-serif; } .wp-pagenavi a, .wp-pagenavi span { text-decoration: none; padding: 9px 14px; margin: 11px; font-size: 16px; color:#646567; border-radius:18px; -moz-border-radius: 16px; } .wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #000; background-color:#000; color: #fff; } .wp-pagenavi span.current { font-weight: bold; background-color:#d7241a; color: #fff; } .wp-pagenavi .pages { font-size: 34px; color: #919191; font-weight:bold; margin: 0px 55px 0 -23px; } .instagram-pics img { width:100%; height: auto; } #bpwrap { width:100%; text-align:center; } .bpwrap { width:100%; text-align:center; } #bpnavi { width: 100%; margin: 30px 0; } #bpnavi ul li { display:inline; width: 100%; margin: 50px 0 30px 0; padding-right: 5px; } #bpnavi ul li:last-child { padding-right: 0px; } #bpnavi2 { margin: 30px auto; display: inline-block; } #bpnavi2 a { display: inline-block; text-align: center; margin: 0 5px; padding: 15px 10px; background: #d7241a; float:left; color:#fff; line-height: 1.0; border-radius:6px; } #bpnavi2 a:hover, #bpnavi a.morebp:hover, #bpnavi a.sbp:hover { background: #000; } #bpnavi2 a.bpnow { background: #000; } #bpnavi2 a.morebp { background: #646567; } #bpnavi2 a.sbp { background: #380057; } #bpnavi2 a:last-child { margin-right: 0px; } #bpnavi3 { margin: 30px auto; display: inline-block; display: flex; } #bpnavi3 a { display: inline-block; text-align: center; width:12%; margin-right:0.5%; padding: 5% 2px; background: #d7241a; float:left; color:#fff; line-height: 1.0; border-radius:50%; } #bpnavi3 a:hover { background: #000; } #bpnavi3 a.bpnow { background: #000; } #bpnavi3 a.morebp { background: #646567; } #bpnavi3 a.bps { background: #FF7264; } #bpnavi3 a.sbp { background: #380057; } #bpnavi3 a:last-child { margin-right: 0px; } .BPnumber, .BPnumber10 { font-weight:bold; text-align:center; display:block; } .BPnumber a { display: inline-block; background-color: #dfdfdf; padding: 8px 18px; margin: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #fff; font-size: 17px; letter-spacing: 2px; font-weight: 700; line-height: 19px; } .BPnumber10 a { display: inline-block; background-color: #aaa; padding: 8px 18px; margin: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #fff; font-size: 17px; letter-spacing: 2px; font-weight: 700; line-height: 19px; } .BPnumber a:hover, .BPnumber10 a:hover { background-color:#646567; } #sharebuttons2 { width:100%; overflow:hidden; margin: 10px 0 5px; height: 69px; max-height: 69px; } #sharebuttons2 a { width:25%; padding: 25px 0; float:left; text-align:center; font-weight:bold; display: inline-block; color:#fff; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; letter-spacing: 0; text-transform:uppercase; transition: all 0.5s ease-out; } #sharebuttons2 a.sharetweet { background:#36b9ff; border-top-left-radius:5px; } #sharebuttons2 a.shareshare { background:#3b5998; } #sharebuttons2 a.sharepin { background:#bd081b; } #sharebuttons2 a.sharepocket { background:#ed4055; border-top-right-radius:5px; } #sharebuttons2 a:hover { background:#000; font-size: 24px; letter-spacing: 1px; padding: 20px 0; transition: all 0.1s linear; } #sharebuttons2 #content div.sharedaddy, #main div.sharedaddy, div.sharedaddy { display:inline-block; width:25%; text-align:center; float:right; vertical-align: top; } #sharebuttons2 .sd-content { display: inline-block; position: relative; width:100%; } #sharebuttons2 .sd-content ul { margin:0 !important; } #sharebuttons2 .sd-content ul li { padding:0; width:100%; } #sharebuttons2 .sd-content li.share-email a { color:#fff !important; margin:0; padding: 10px 0; width:100%; border-radius: 0; border:none; font-weight:bold; display:inline-block; background:#b3b3b3; box-shadow: none; font-family: 'Roboto Condensed', sans-serif; } #sharebuttons2 .sd-content li.share-email a:hover { background:#000; } #sharing_email { border:none !important; width: 250px !important; margin-top: 20px !important; margin-left: -99px !important; } #sharing_email a { color:#646567; } #sharing_email input[type=submit] { background:#d7241a; color:#fff !important; font-weight:bold; border: none; padding: 1px 7px; } #sharebuttonsmobile { height: 30px; margin:10px 0; padding: 8px 0 0 5px; background-color:#919191; } #singlepages { text-align:center; margin:5px auto 15px; max-width:740px; min-height:5px; } #singlepages #unruly_in_article_placement { margin:45px 0 !important; } #singlepages2 { text-align:center; margin:30px 0 30px; font-family: 'Roboto Condensed', sans-serif; font-size:20px; } #singlepages2 ul { margin-top:20px; color: #f9784d; font-size:20px; text-align:center; line-height: 1.5; padding: 0; } #singlepages2 ul li { background-color: #d7241a; color: #fff; display: inline-block; padding: 15px 25px; margin: 0 10px; font-size: 20px; font-weight: bold; border-radius: 50%; -moz-border-radius: 50%; } #singlepages2 a li { background-color: #fff; color: #646567; } #singlepages2 a:hover li { background-color:#000; color:#fff; } .reviewtablecat { padding-left:15px; background-color:#000; width: 70px; height: 29px; color:#fff; font-weight:bold; text-transform: uppercase; } .reviewtableb { font-weight:bold; } .reviewtablesepver { width:7px; background-color:#fff; padding:0px; } .reviewtablesephor { height:7px; background-color:#fff; padding:0px; } .reviewtable table { border-spacing: 4px; border-collapse: separate; } .topalbummedia { width: 100%; display:inline-block; } .topalbumcover { width:35%; max-width:450px; margin-right:1%; float:left; display:inline-block; } .topalbumcover img { width:100%; height:auto; } .topalbumvideo { width:62%; max-width:800px; float:right; display:inline-block; } .cc_container .cc_btn, .cc_container .cc_btn:visited { color: #fff !important; background-color: #d7241a !important; font-size:16px !important; padding: 4px !important; margin-top:-7px !important; } .cc_container .cc_message { font-size: 14px !important; margin-top:0px !important; } .cc_container .cc_message a { color:#fff !important; font-weight:bold !important; } .cc_container { background: #000 !important; } #iphonefooter { display: None; } #sidebarmobile { visibility:none; } .navigation {display: none;} .single .navigation {display: block;} .entrymobile { display: none; visibility:none; } #toppostsmobile { display: none; visibility:none; } #sharebuttonsmobile { visibility:none; display:none; } #kontaktmobile { display: none; visibility:none; } #hiddennavbarsecondm, #hidden3unterhaltung, #hidden3inspiration, #hidden3lifestyle { display: none; position:fixed; width:100%; margin: 0 auto; text-align:center; background:#dfdfdf; top:60px; z-index:9997; } #hiddennavbarsecondm { z-index: 9998; } #hidden3unterhaltung { background:#b7150c; } #hidden3inspiration { background:#272727; } #hidden3lifestyle { background:#494a4b; } #topleistenmenucontainer { list-style:none; } #topleistenmenucontainer .dropdown { float:right; } #hiddennavbarsecondm .dropdown a, #hidden3unterhaltung .dropdown a, #hidden3inspiration .dropdown a, #hidden3lifestyle .dropdown a { padding: 20px 15px; margin: 0px; text-decoration: none; font-size: 14px; text-transform: uppercase; font-weight: bold; font-family: bloggersans; letter-spacing: 2px; color: #fff; background: unset; display: block; transition: background 0.5s linear; } #hiddennavbarsecondm .dropdown a { color: #767676; } #hiddennavbarsecondm .dropdown a:hover { background: #fff; color: #000; transition: background 0s linear; } #hidden3unterhaltung .dropdown a:hover { background: #d7241a; transition: background 0s linear; } #hidden3inspiration .dropdown a:hover { background: #4e4e4e; transition: background 0s linear; } #hidden3lifestyle .dropdown a:hover { background: #646567; transition: background 0s linear; } #hiddennavbarsecondm .dropdown a[title] { font-size: 12px; padding: 14px 11px; } .inner-wrap-blogroll h1.archive_title a { color:#fff; text-transform:uppercase;letter-spacing:12px; } .inner-wrap-blogroll #content { width:100%;padding:0; background: #000; margin-top: 30px; } .inner-wrap-blogroll #footer .widget-area, .inner-wrap-blogroll #footer { margin:0 0 15px 0;padding:0; } .inner-wrap-archiv #content { width:100%;padding:0; } #blogrollu, #blogrolli, #blogrolll { width:100.1%;clear: both; } #blogrollu h2 { padding:50px 0;margin:0;color:#fff; text-align:center; background:#d7241a; } #blogrolli h2{ padding:50px 0;margin:0;color:#fff; text-align:center; background:#000; } #blogrolll h2 { padding:50px 0;margin:0;color:#fff; text-align:center; background:#646567; } #blogrollu p, #blogrolli p,#blogrolll p { margin:0; padding:0; } .blogroll { display:inline-block; margin:0; padding:0;height:0px; padding-top:19.9%;float:left; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%); opacity: 0.8; } .blogroll:hover { -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);opacity: 1.0; } #atomlabor { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/atomlabor2.jpg') no-repeat;background-size:cover; } #drlima { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/drlima.jpg') no-repeat;background-size:cover; } #denkfabrikblog { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/denkfabrikblog.jpg') no-repeat;background-size:cover; } #eyesaiditbefore { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/eyesaiditbefore.jpg') no-repeat;background-size:cover; } #falscheneun { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/falscheneun.jpg') no-repeat;background-size:cover; } #fernsehersatz { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/fernsehersatz.jpg') no-repeat;background-size:cover; } #hanswurst { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/hanswurst2.jpg') no-repeat;background-size:cover; } #ihaveseenthewhole { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/ihaveseenthewhole.jpg') no-repeat;background-size:cover; } #interweb3000 { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/interweb3000.jpg') no-repeat;background-size:cover; } #kraftfuttermischwerk { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/kraftfuttermischwerk2.jpg') no-repeat;background-size:cover; } #likecool { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/likecool.jpg') no-repeat;background-size:cover; } #lofter { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/lofter.jpg') no-repeat;background-size:cover; } #mindsdelight { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/mindsdelight.jpg') no-repeat;background-size:cover; } #niceblog { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/niceblog.jpg') no-repeat;background-size:cover; } #pewpewpew { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/pewpewpew.jpg') no-repeat;background-size:cover; } #qwergelesen { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/qwergelesen.jpg') no-repeat;background-size:cover; } #schleckysilberstein { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/schleckysilberstein.jpg') no-repeat;background-size:cover; } #seitvertreib { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/seitvertreib.jpg') no-repeat;background-size:cover; } #serieslyawesome { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/serieslyawesome.jpg') no-repeat;background-size:cover; } #testspiel { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/testspiel.jpg') no-repeat;background-size:cover; } #theawesomer { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/theawesomer.jpg') no-repeat;background-size:cover; } #viralviralvideos { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/viralviralvideos.jpg') no-repeat;background-size:cover; } #kuriositas { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/kuriositas.jpg') no-repeat;background-size:cover; } #shortfilms { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/shortfilms.jpg') no-repeat;background-size:cover; } #thekidshouldseethis { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/thekidshouldseethis.jpg') no-repeat;background-size:cover; } #tyrosize { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/tyrosize.jpg') no-repeat;background-size:cover; } #webtapete { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/webtapete2.jpg') no-repeat;background-size:cover; } #lostlevels { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/lostlevels.jpg') no-repeat;background-size:cover; } #filmverliebt { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/filmverliebt.jpg') no-repeat;background-size:cover; } #zwentner { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/300/zwentner.jpg') no-repeat;background-size:cover; } #beautifuldecay { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/300/beautifuldecay.jpg') no-repeat;background-size:cover; } #wasteamoment { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/300/waste-a-moment.jpg') no-repeat;background-size:cover; } #beware { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/300/beware.jpg') no-repeat;background-size:cover; } #BOOOOOOOM { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/300/BOOOOOOOM.jpg') no-repeat;background-size:cover; } #boredpanda { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/300/boredpanda.jpg') no-repeat;background-size:cover; } #colossal { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/300/colossal2.jpg') no-repeat;background-size:cover; } #designcollector { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/300/designcollector.jpg') no-repeat;background-size:cover; } #designlovr { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/300/designlovr.jpg') no-repeat;background-size:cover; } #detailverliebt { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/300/detailverliebt.jpg') no-repeat;background-size:cover; } #fubiz { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/300/fubiz.jpg') no-repeat;background-size:cover; } #iamag { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/300/iamag.jpg') no-repeat;background-size:cover; } #ignant { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/300/ignant.jpg') no-repeat;background-size:cover; } #inspirationgrid { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/300/inspirationgrid.jpg') no-repeat;background-size:cover; } #klonblog { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/300/klonblog.jpg') no-repeat;background-size:cover; } #kwerfeldein { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/300/kwerfeldein.jpg') no-repeat;background-size:cover; } #rbnshit { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/300/rbnshit.jpg') no-repeat;background-size:cover; } #schockblast { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/300/schockblast.jpg') no-repeat;background-size:cover; } #schoenhaesslich { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/300/schoenhaesslich.jpg') no-repeat;background-size:cover; } #thomasreimann { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/300/thomasreimann.jpg') no-repeat;background-size:cover; } #twistedsifter { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/300/twistedsifter.jpg') no-repeat;background-size:cover; } #ufunk { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/300/ufunk.jpg') no-repeat;background-size:cover; } #vectroave { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/300/vectroave.jpg') no-repeat;background-size:cover; } #zeutch { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/300/zeutch.jpg') no-repeat;background-size:cover; } #doobybrain { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/300/doobybrain.jpg') no-repeat;background-size:cover; } #demilked { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/300/demilked.jpg') no-repeat;background-size:cover; } #archispass { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/300/archispass.jpg') no-repeat;background-size:cover; } #robotmafia { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/300/robotmafia.jpg') no-repeat;background-size:cover; } #amypink { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/amypink.jpg') no-repeat;background-size:cover; } #blogbuzzter { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/blogbuzzter.jpg') no-repeat;background-size:cover; } #blogrebellen { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/blogrebellen2.jpg') no-repeat;background-size:cover; } #boingboing { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/boingboing.jpg') no-repeat;background-size:cover; } #eay { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/eay.jpg') no-repeat;background-size:cover; } #einostwestfale { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/einostwestfale.jpg') no-repeat;background-size:cover; } #flashback { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/flashback.jpg') no-repeat;background-size:cover; } #hermsfarm { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/hermsfarm.jpg') no-repeat;background-size:cover; } #hirnverbrandt { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/hirnverbrandt.jpg') no-repeat;background-size:cover; } #inselblog { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/inselblog.jpg') no-repeat;background-size:cover; } #itsrap { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/itsrap.jpg') no-repeat;background-size:cover; } #kathrinsky { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/kathrinsky.jpg') no-repeat;background-size:cover; } #kotzendeseinhorn { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/kotzendes-einhorn.jpg') no-repeat;background-size:cover; } #linamallon { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/linamallon.jpg') no-repeat;background-size:cover; } #maennerstyle { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/maennerstyle.jpg') no-repeat;background-size:cover; } #mobilegeeks { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/mobilegeeks2.jpg') no-repeat;background-size:cover; } #mobilelifeblog { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/mobilelifeblog.jpg') no-repeat;background-size:cover; } #nerdcore { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/nerdcore.jpg') no-repeat;background-size:cover; } #rapnblues { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/rapnblues2.jpg') no-repeat;background-size:cover; } #seite360 { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/seite360.jpg') no-repeat;background-size:cover; } #vsworld { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/vsworld.jpg') no-repeat;background-size:cover; } #whitetapes { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/whitetapes.jpg') no-repeat;background-size:cover; } #whudat { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/whudat.jpg') no-repeat;background-size:cover; } #wihel { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/wihel2.jpg') no-repeat;background-size:cover; } #zimtsternin { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/zimtsternin2.jpg') no-repeat;background-size:cover; } #zoomlab { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/zoomlab2.jpg') no-repeat;background-size:cover; } #zuhloo { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/zuhloo.jpg') no-repeat;background-size:cover; } #gilly { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/gilly2.jpg') no-repeat;background-size:cover; } #nilssnake { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/nilssnake.jpg') no-repeat;background-size:cover; } #tonrabbit { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/tonrabbit.jpg') no-repeat;background-size:cover; } #berlinickliebedir { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/berlinickliebedir.jpg') no-repeat;background-size:cover; } #biseinerheult { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/biseinerheult.jpg') no-repeat;background-size:cover; } #buddenbohm { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/buddenbohm.jpg') no-repeat;background-size:cover; } #domanske { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/domanske.jpg') no-repeat;background-size:cover; } #plattenvorgericht { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/plattenvorgericht.jpg') no-repeat;background-size:cover; } #progolog { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/progolog.jpg') no-repeat;background-size:cover; } #uarrr { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/uarrr.jpg') no-repeat;background-size:cover; } #monstropolis { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/monstropolis.jpg') no-repeat;background-size:cover; } #pop64 { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/300/pop64.jpg') no-repeat;background-size:cover; } #upprev_box { border-left:none; padding:20px 20px 0px 15px;border-top:5px solid #000; } /* header */ #upprev_box h5 a { font-family:Roboto Condensed,sans-serif;font-size:22px; } /* header link: mouse over */ #upprev_box h5 a:hover { } /* headera link: visited */ #upprev_box h5 a:visited { } /* container for title, thumbnail and excerpt */ #upprev_box .upprev_excerpt { padding-bottom:15px; } /* excerpt */ #upprev_box .upprev_excerpt p { } /* previous post link */ #upprev_box .upprev_excerpt p a { } /* previous post link: mouse over */ #upprev_box .upprev_excerpt p a:hover { } /* previous post link: visited */ #upprev_box .upprev_excerpt p a:visited { } /* thumbnail image */ #upprev_box .upprev_thumb { } /* close button */ #upprev_close { } #wp-admin-bar-wpzoom, #wp-admin-bar-customize { display:none; } #commenthinweis { text-align: center; color: #999; width: 80%; padding: 0 10%; line-height: 1.7; font-size: 9px; margin-bottom: 60px; } #commenthinweis a { color: #000; } #hpbannerbig { min-height: 270px; width: 100%; max-width: 100%; background: #e4e4e4; margin: 0 -50% 20px; padding: 40px 50% 30px; display: table; } #hpbannerbig div:has(> .bpbanner) { display: table-cell; vertical-align: middle; } #hpbannerbig .bpbanner { max-width: 82%; margin: 0 auto !important; overflow: hidden; } .hpbanner { text-align: center; overflow: hidden; width: 100%; max-width: 100%; background: #e4e4e4; margin: 0 -50% 20px; padding: 50px 50%; display: table; min-height: 150px; } #hpbannerbig .bpbanner > div, #billboardwrap .bpbanner > div { min-height: 250px; } .hpbannerinnerwrap > div > div { min-height: 60px; } .billboardwrap { min-height: 295px; } .hpbannerinnerwrap { display: table-cell; vertical-align: middle; } .hpbannerinnerwrap > div { max-width: 90%; margin: 0 auto; display:inline-block;overflow: hidden; } #boxbannerwrap { display:table-cell; vertical-align:middle;max-width:90%;max-height:90%;overflow:hidden;margin: 0 auto; min-height: 100px; } #zwischenbanner { width:100%;text-align:center;margin-bottom:100px; min-height: 130px;} .bpbanner { max-width: 88%; margin: 20px auto 60px !important; min-height: 120px; } .bpbanner p.bpbtext, .hpbanner p.bpbtext {text-align:center;font-size:8px;color:#999;margin:0;padding:0;letter-spacing:1px;} .bpbanner p.bpbtext a, .hpbanner p.bpbtext a {color:#6e6e6e;} .bpbanner p.bpbtext a:hover, .hpbanner p.bpbtext a:hover {color:#000;} .bpbanner p:not(.bpbtext) { padding: 0; margin:0; } .bpbanner p.bpbtext a.ausblenden, .hpbanner p.bpbtext a.ausblenden { background: #d7241a; color: #fff; padding: 2px 4px 1px; margin-left:4px; } .bpbanner p.bpbtext a.ausblenden:hover, .hpbanner p.bpbtext a.ausblenden:hover { background: #000; } .bpbanner p.bpbscript {text-align:center;height:0px;margin:0;padding:0;} #div-gpt-ad-yieldlove-sticky-langweiledich.net_d_970x90_1 {background-color:#000;bottom: 0px; right: 0px; left: 0px; margin-right: auto; margin-left: auto; z-index: 2000000; position: fixed;} .bpwrap {text-align:center;margin-top:80px;} .bpwrap img {display:inline-block;margin-bottom:50px;max-width:100%;border-radius:10px;} .bpwrap img:hover { -moz-box-shadow: 0 0 12px #000; -webkit-box-shadow: 0 0 12px #000; box-shadow: 0 0 12px #000; } #beratungsstruktur {width:100%;text-align:center;padding-bottom:60px;} a.beratungsjump {padding:5px 12px;background:#000;font-size:16px;color:#fff;margin:5px auto;display:inline-block;width:45%;border-radius:5px;text-align:center;} a.beratungsjumpchen {padding:4px 10px;background:#333;font-size:13px;color:#fff;margin:5px auto;display:inline-block;width:35%;border-radius:5px;text-align:center;} a.beratungsjump:hover, a.beratungsjumpchen:hover {background:#d7241a;} .maikinfotext {background:#fff;color:#000;padding:23px 34px;font-size:15px;line-height:1.8;text-align: justify;margin-top: -20px; margin-bottom:40px; -webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;} .steadylogin { left:unset; transform: unset; } #supportboxen {width:100%;display:table-cell;vertical-align:middle;} #supportboxen a.support1 {width:50%;display:inline-block;margin:0;float:left;} #supportboxen a.support2 {width:50%;display:inline-block;margin:0;float:left;} #supportboxen img {width:90%;height: auto; transition: width 3s;} #sponsored:hover img { -moz-transition: all 3s linear; -webkit-transition: all 3s linear; transition: all 3s linear; width:100%; height:auto; } #contentsingle #supportboxen img {width:100%;border-radius:15px;} #sb_instagram #sbi_images {padding: 0 !important;} .steadybanner img {width:100%;} .grecaptcha-badge {display:none !important;} .divcontainerabschnitte {font-size:13px;text-align:center;line-height:26px;margin-bottom:50px;} .divcontainerabschnitte p {font-size:13px;text-align:center;line-height:26px;} .divcontainerabschnittebig {font-size:16px;text-align:center;line-height:30px;margin-bottom:50px;} .divcontainerabschnittebig p {font-size:16px;text-align:center;line-height:30px;} #sp_message_container_376702 .head-row {border-bottom:none;} #artendad {max-width:640px;font-size:10px !important; text-transform:uppercase !important;letter-spacing:2px !important;line-height:3.0 !important;width:100%;text-align:center;margin: 0 auto 10px;} #msoanchor, #anchorSymplr {border-top:none !important;padding-top:12px !important;padding-bottom: 12px !important;} #buttonContainer {padding:6px !important;width:36px !important;height:31px !important; top: -35px !important; box-shadow:none !important;} svg#msoanchorclose, svg#anchorcloseSymplr, svg#closeButtonSymplr {padding:6px !important;width:36px !important;height:31px !important; top: -3px !important; right: 0;} svg#msoanchorclose, svg#anchorcloseSymplr path, svg#closeButtonSymplr, svg#closeButtonSymplr path {stroke-width: 6 !important;} #anchorSymplr { box-shadow: rgb(0 0 0) -15px 0px 20px !important;} .player.set_type_slider.set_closeButton_true #close {background-size: 90% !important; width: 32px !important; height: 32px !important;} .wp-engage-block { width: 96%; margin: 20px auto 0; } h2.wp-engage-recommendation-header { text-align: center; margin: 0 0 10px; } .wp-engage-block .wp-engage-logo { margin: 0 0 6px; } .wp-engage-block .wp-engage-logo img { width:60px !important; } .wp-engage-block a { color:#000; } .wp-engage-block a:hover { color:#d7241a; } .wp-engage-block ul { list-style:none; text-align: center; display: inline-block; width: 100%; } .wp-engage-block li { float: left; overflow: hidden; margin-bottom:28px; display: inline-block; } .wp-engage-block .image { aspect-ratio: 16/9; overflow: hidden; border-radius: 1vw; } .wp-engage-block img { width: 100%; height: 100%; object-fit: cover; } .wp-engage-block ul.desktop-1 .image { aspect-ratio: 21/9; } .wp-engage-block .title { margin-top:15px; } .wp-engage-block ul.desktop-1 .title { margin-top:18px; } .wp-engage-block ul.desktop-1 .title { font-size:27px; } .wp-engage-block ul.desktop-2 .title { font-size:21px; } .wp-engage-block ul.desktop-3 .title { font-size:21px; } .wp-engage-block ul.desktop-1 li { width:100%; } .wp-engage-block ul.desktop-2 li { width:49%; margin-right:2%; } .wp-engage-block ul.desktop-3 li { width:49%; margin-right:2%; } .wp-engage-block ul.desktop-2 li:nth-child(2n),.wp-engage-block ul.desktop-3 li:nth-child(2n) { margin-right:0; } .wp-engage-block ul.desktop-3 li:last-of-type { float: right; margin-right:0; display:none; } .plankton-social-widget-intro { font-weight:normal; } #lightbox {z-index:16777270 !important;} #lightbox .touch-device {position: absolute; top: 10px; } .fancybox__container { margin-top: 75px; margin-bottom: 30px; } .admin-bar .fancybox__container { margin-top: 105px;} .fancybox__toolbar { margin-bottom: 10px; } /********************************************************************************************* 9. Media Queries *********************************************************************************************/ #Menumobile { display:none; } .thumbmobarchive { display:none; } #toptagsmobile { display:none; } #obenmobhp { display:none; } #fullmetamob { display:none; } #authorsinglemob { display:none; } #topoftheblog2 { display:none; } #newpostsmobile {display:none;background:#000;width:100%;padding:0 0 20px;} #newpostsmobile .featuredschriftu {width: initial;font-family: bloggersans;letter-spacing: 2px;margin:22px 0;} #newpostsmobile .fa {padding-bottom: 1px;font-size: 13px;} #newpostsslider { width: 100%; display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; } #newpostsmobile .recent-post {display:inline-block;width:33.3%;margin:0;padding:0;text-align:center;flex-shrink: 0;} #newpostsmobile .recent-post .thumbfeatured { display: inline-block; position: relative; width: 84%; margin: 0 7px; padding: 0; overflow: hidden; border-radius: 50%;} #newpostsmobile .recent-post .thumbfeatured:before{ content: ""; display: block; padding-top: 100%; /* initial ratio of 1:1*/ } #newpostsmobile .recent-post .thumbfeatured img { position: absolute; left: 50%; top: 50%; height: 100%; width: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .featuredschriftu a { font-family: 'Roboto Condensed', sans-serif; font-size:13px; } #chronologischbutton { font-family: 'Roboto Condensed', sans-serif; } #lastthings h2.lastthings, #topoftheblog .widget h3.title { font-family: 'Roboto Condensed', sans-serif; } #footer .widget h3.title, #Footerinfos .widget h3.title, .widget h3.title { font-family: 'Roboto Condensed', sans-serif; } .full-width h1.archive_title { font-family: 'Roboto Condensed', sans-serif; } h1.archive_title { font-family: 'Roboto Condensed', sans-serif; } .hmmpart h2 a { font-family: 'Roboto Condensed', sans-serif; } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #blacklogolink { background: url('/wp-content/themes/originmag/images/LwDn19_toplogo-sprite.png') no-repeat; background-size: 192px 135px; background-position: 0 0; } #iphonelogo, #iphonelogo2 { background-image: url(/wp-content/themes/originmag/images/LwDn19_Logo-Schriftzug_farbig_HD.png);background-size: 100%;background-repeat: no-repeat;} #iphonelogo3 { background-image: url(/wp-content/themes/originmag/images/LwDn19_Logo-Schriftzug_farbig_HD.png);width:750px;height:100.5px;background-size: 100%;background-repeat: no-repeat;} #maik { background-image: url(/wp-content/themes/originmag/images/Maik-Zehrfeld2_800.jpg); } #authordefault { background-image: url(/wp-content/themes/originmag/images/authordefault_400.jpg); } #authormaik { background-image: url(/wp-content/themes/originmag/images/authormaik2_400.jpg); } #authorclaudia { background-image: url(/wp-content/themes/originmag/images/authorclaudia_400.jpg); } #authorlivia { background-image: url(/wp-content/themes/originmag/images/authorlivia2_400.jpg); } #authorowley { background-image: url(/wp-content/themes/originmag/images/authorowley_400.jpg); } #authoremma { background-image: url(/wp-content/themes/originmag/images/authoremma_400.jpg); } #authorrainer { background-image: url(/wp-content/themes/originmag/images/authorrainer_400.jpg); } #authorsven { background-image: url(/wp-content/themes/originmag/images/authorsven_400.jpg); } #authorkatrin { background-image: url(/wp-content/themes/originmag/images/authorkatrin_400.jpg); } #authorsusanne { background-image: url(/wp-content/themes/originmag/images/authorsusanne2_400.jpg); } #atomlabor { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/atomlabor2.jpg') no-repeat;background-size:cover; } #drlima { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/drlima.jpg') no-repeat;background-size:cover; } #denkfabrikblog { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/denkfabrikblog.jpg') no-repeat;background-size:cover; } #eyesaiditbefore { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/eyesaiditbefore.jpg') no-repeat;background-size:cover; } #falscheneun { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/falscheneun.jpg') no-repeat;background-size:cover; } #fernsehersatz { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/fernsehersatz.jpg') no-repeat;background-size:cover; } #hanswurst { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/hanswurst2.jpg') no-repeat;background-size:cover; } #ihaveseenthewhole { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/ihaveseenthewhole.jpg') no-repeat;background-size:cover; } #interweb3000 { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/interweb3000.jpg') no-repeat;background-size:cover; } #kraftfuttermischwerk { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/kraftfuttermischwerk2.jpg') no-repeat;background-size:cover; } #likecool { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/likecool.jpg') no-repeat;background-size:cover; } #lofter { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/lofter.jpg') no-repeat;background-size:cover; } #mindsdelight { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/mindsdelight.jpg') no-repeat;background-size:cover; } #niceblog { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/niceblog.jpg') no-repeat;background-size:cover; } #pewpewpew { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/pewpewpew.jpg') no-repeat;background-size:cover; } #qwergelesen { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/qwergelesen.jpg') no-repeat;background-size:cover; } #schleckysilberstein { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/schleckysilberstein.jpg') no-repeat;background-size:cover; } #seitvertreib { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/seitvertreib.jpg') no-repeat;background-size:cover; } #serieslyawesome { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/serieslyawesome.jpg') no-repeat;background-size:cover; } #testspiel { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/testspiel.jpg') no-repeat;background-size:cover; } #theawesomer { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/theawesomer.jpg') no-repeat;background-size:cover; } #viralviralvideos { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/viralviralvideos.jpg') no-repeat;background-size:cover; } #kuriositas { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/kuriositas.jpg') no-repeat;background-size:cover; } #shortfilms { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/shortfilms.jpg') no-repeat;background-size:cover; } #thekidshouldseethis { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/thekidshouldseethis.jpg') no-repeat;background-size:cover; } #tyrosize { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/tyrosize.jpg') no-repeat;background-size:cover; } #webtapete { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/webtapete2.jpg') no-repeat;background-size:cover; } #lostlevels { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/lostlevels.jpg') no-repeat;background-size:cover; } #filmverliebt { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/filmverliebt.jpg') no-repeat;background-size:cover; } #zwentner { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/u/zwentner.jpg') no-repeat;background-size:cover; } #archispass { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/archispass.jpg') no-repeat;background-size:cover; } #beautifuldecay { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/beautifuldecay.jpg') no-repeat;background-size:cover; } #wasteamoment { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/waste-a-moment.jpg') no-repeat;background-size:cover; } #beware { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/beware.jpg') no-repeat;background-size:cover; } #BOOOOOOOM { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/BOOOOOOOM.jpg') no-repeat;background-size:cover; } #boredpanda { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/boredpanda.jpg') no-repeat;background-size:cover; } #colossal { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/colossal2.jpg') no-repeat;background-size:cover; } #designcollector { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/designcollector.jpg') no-repeat;background-size:cover; } #designlovr { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/designlovr.jpg') no-repeat;background-size:cover; } #detailverliebt { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/detailverliebt.jpg') no-repeat;background-size:cover; } #fubiz { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/fubiz.jpg') no-repeat;background-size:cover; } #iamag { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/iamag.jpg') no-repeat;background-size:cover; } #ignant { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/ignant.jpg') no-repeat;background-size:cover; } #inspirationgrid { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/inspirationgrid.jpg') no-repeat;background-size:cover; } #klonblog { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/klonblog.jpg') no-repeat;background-size:cover; } #kwerfeldein { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/kwerfeldein.jpg') no-repeat;background-size:cover; } #rbnshit { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/rbnshit.jpg') no-repeat;background-size:cover; } #schockblast { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/schockblast.jpg') no-repeat;background-size:cover; } #schoenhaesslich { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/schoenhaesslich.jpg') no-repeat;background-size:cover; } #thomasreimann { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/thomasreimann.jpg') no-repeat;background-size:cover; } #twistedsifter { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/twistedsifter.jpg') no-repeat;background-size:cover; } #ufunk { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/ufunk.jpg') no-repeat;background-size:cover; } #vectroave { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/vectroave.jpg') no-repeat;background-size:cover; } #zeutch { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/zeutch.jpg') no-repeat;background-size:cover; } #demilked { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/demilked.jpg') no-repeat;background-size:cover; } #doobybrain { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/doobybrain.jpg') no-repeat;background-size:cover; } #robotmafia { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/i/robotmafia.jpg') no-repeat;background-size:cover; } #amypink { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/amypink.jpg') no-repeat;background-size:cover; } #blogbuzzter { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/blogbuzzter.jpg') no-repeat;background-size:cover; } #blogrebellen { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/blogrebellen2.jpg') no-repeat;background-size:cover; } #boingboing { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/boingboing.jpg') no-repeat;background-size:cover; } #eay { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/eay.jpg') no-repeat;background-size:cover; } #einostwestfale { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/einostwestfale.jpg') no-repeat;background-size:cover; } #flashback { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/flashback.jpg') no-repeat;background-size:cover; } #hermsfarm { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/hermsfarm.jpg') no-repeat;background-size:cover; } #hirnverbrandt { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/hirnverbrandt.jpg') no-repeat;background-size:cover; } #inselblog { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/inselblog.jpg') no-repeat;background-size:cover; } #itsrap { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/itsrap.jpg') no-repeat;background-size:cover; } #kathrinsky { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/kathrinsky.jpg') no-repeat;background-size:cover; } #kotzendeseinhorn { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/kotzendes-einhorn.jpg') no-repeat;background-size:cover; } #linamallon { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/linamallon.jpg') no-repeat;background-size:cover; } #maennerstyle { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/maennerstyle.jpg') no-repeat;background-size:cover; } #mobilegeeks { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/mobilegeeks2.jpg') no-repeat;background-size:cover; } #mobilelifeblog { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/mobilelifeblog.jpg') no-repeat;background-size:cover; } #nerdcore { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/nerdcore.jpg') no-repeat;background-size:cover; } #rapnblues { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/rapnblues2.jpg') no-repeat;background-size:cover; } #seite360 { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/seite360.jpg') no-repeat;background-size:cover; } #vsworld { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/vsworld.jpg') no-repeat;background-size:cover; } #whitetapes { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/whitetapes.jpg') no-repeat;background-size:cover; } #whudat { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/whudat.jpg') no-repeat;background-size:cover; } #wihel { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/wihel2.jpg') no-repeat;background-size:cover; } #zimtsternin { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/zimtsternin2.jpg') no-repeat;background-size:cover; } #zoomlab { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/zoomlab2.jpg') no-repeat;background-size:cover; } #zuhloo { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/zuhloo.jpg') no-repeat;background-size:cover; } #gilly { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/gilly2.jpg') no-repeat;background-size:cover; } #nilssnake { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/nilssnake.jpg') no-repeat;background-size:cover; } #tonrabbit { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/tonrabbit.jpg') no-repeat;background-size:cover; } #berlinickliebedir { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/berlinickliebedir.jpg') no-repeat;background-size:cover; } #biseinerheult { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/biseinerheult.jpg') no-repeat;background-size:cover; } #buddenbohm { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/buddenbohm.jpg') no-repeat;background-size:cover; } #domanske { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/domanske.jpg') no-repeat;background-size:cover; } #plattenvorgericht { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/plattenvorgericht.jpg') no-repeat;background-size:cover; } #progolog { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/progolog.jpg') no-repeat;background-size:cover; } #uarrr { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/uarrr.jpg') no-repeat;background-size:cover; } #monstropolis { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/monstropolis.jpg') no-repeat;background-size:cover; } #pop64 { width:20%; background: url('/wp-content/themes/originmag/images/Blogroll/l/pop64.jpg') no-repeat;background-size:cover; } } .showmobile { display:none; } .showdesktop { visibility:visible; display:block; } .showdesktop640 { visibility:visible; display:block; } @media screen and (max-width: 1370px) { #content { padding-left:15px; } .full-width #content { width: 100%;padding:0; } #content img { height:auto;max-width:100%; } #unterhaltungff .recent-post, #lifestyleff .recent-post, #inspirationff .recent-post { margin:inherit; } .post-contentfast2 .featureddachzeile { top:0px; } .recent-post .post-contentfast2 h2 { margin-top:-9px;line-height:0.7; } .recent-post .post-contentfast2 h2 a { font-size:18px; } .inner-wrap-single { width:94%;max-width:1300px;padding:0 3%; } #contentsingle { width:70%; } .inner-wrap { width:100%;max-width:1300px; } #advertinfo { max-width: 560px; } #advertorials { margin-right:5%; } .widget ul.wpp-list-hp li:nth-child(1) .topthumb::before, .widget ul.wpp-list-hp li:nth-child(2) .topthumb::before, .widget ul.wpp-list-hp li:nth-child(3) .topthumb::before, .widget ul.wpp-list-hp li:nth-child(4) .topthumb::before, .widget ul.wpp-list-hp li:last-child .topthumb::before { font-size: 10.5vw; } #lasthighlights > .recent-post {margin-left:0;margin-right:0;} #lasthighlights .recent-post.last {margin-left:0;margin-right:0 !important;} .widget-area { max-width:1300px; width:100% !important; } #footer div.column, #Footerinfos div.column { width:29%; margin: 0 2%; } } @media screen and (max-width: 1330px) { #lastthingscat .catfeatured, #lastthingscati .catfeatured, #lastthingscatl .catfeatured, .catfeaturedlast { width:17%; margin: 0 1.5%; } .catfeatured img, .catfeaturedlast img { width:100%; height:auto; } #standards {display: inline-block; width: 94%; padding: 0 3%;} } @media screen and (max-width: 1300px) { #topcontainer, #topleistenmenucontainer { width:100%; } .form-input, .form-input:focus { font-size:220px; } #inspirationfeatured, #lifestylefeatured { margin-top:-4px; } #sponsored .featuredschriftu { margin-top:-65px; } .inner-wrap-hp { width:100%;padding:0; } #contentindex { width:100%; } #sponsoredslider { width:100%; } body { min-width:100%; } .home_widgets .home_column img { width:auto; max-width:100%; height:auto; } .recent-post { width: 100%; float: left; } #standards .recent-post { float:unset; } .recent-post .post-thumb { float:left; margin:0 10px 0 0;} .col_main, .full-width .col_main { width:100%; } .col_meta, .full-width .col_meta { width:16%; } .cover { position: relative; padding-bottom: 56.25%; display:block; padding-top: 30px; height: 0; overflow: hidden; width: 100%; max-width: 100%; } .cover iframe, .cover object, .cover embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Template: Full-width */ .full-width .entry img { max-width: 100%; } .full-width .entry .wp-caption { max-width:100%; } #footer div.column { margin-right: 2%; width: 31%; } #footer .column .widget { width:100%; } .entry img.alignnone, .entry img.aligncenter, .entry img.alignleft, .entry img.alignright, .entry img.attachment-fullsize { margin-bottom: 10px; max-width: 100%; height:auto; } .full-width .entry img.alignnone, .full-width .entry img.aligncenter, .full-width .entry img.alignleft, .full-width .entry img.alignright, .full-width .entry img.attachment-fullsize { margin-bottom: 10px; max-width: 100%; width:auto; height:auto; } .inner-wrap-single #sidebar, #sidebar { width:300px; } #contentsingle { width:69%; } .full-width #contentsingle { width:100%; } #kontaktbg, #werbungbg, #haftungbg, #Datenschutz, #ueberbg, #zahlenbg, #exkursbg, #referenzbg, #formatebg, #socialmediabg, #unternehmenbg, #speakerbg, #grafikdesignbg { padding:0;margin:0 0 50px; } .full-width .entry p.blockquotebig { width: 95%; margin: 0 auto 65px; } #advertinfo { max-width: 500px; } #lastthingscat, #lastthingscati, #lastthingscatl { height:auto; display:inline-block;width:100%; padding: 50px 0 30px; margin:0; } .recent-postcat, #lastthingscat .catfeatured, #lastthingscati .catfeatured, #lastthingscatl .catfeatured, .catfeaturedlast { height:100%; } #fullthumbimg { margin-top: -30px; margin-left: -20%; padding: 20% 20%; } .full-width h1.title { font-size:6.5vw; margin-top:-570px;margin-bottom:170px; } #hpfeatured { text-align: center; display: flow-root; width: 98%; margin: 0 auto 50px; } #hpfeatured .recent-post, #werbebox, #plusbox {width: 30vw; height:30vw; margin: 0 1.1% 30px;} #plusbox a {width:100%;height:auto;} #hpfeatured .recent-post h2 {height: calc((31vw - 0px) * 0.356);} #hpfeatured .recent-post h2 a {font-size:2vw;line-height:1.25} #hpfeatured .recent-post .post-contentfeatured h3.secondary {font-size: 0.9vw;max-width: 24vw;} .recent-post .post-contentfeatured { text-align: center; max-width:100%; } .recent-post .post-contentfeatured img { width: 100%;height: auto; } #hpfeatured .thumbfeatured, #hpfeatured .recent-post .post-contentfeatured {max-height:unset;max-width:100%;} #lastthings {width:100%;margin:60px 0 0;} #lasthighlights {text-align:center;} #lasthighlights .recent-post, #lasthighlights .recent-post.last, #lasthighlights > .recent-post ~ .recent-post {width: 31.3333%; padding: 0 1%;} #werbebox {height:30vw;display:inline-table;float:left;} #werbebox > div ~ div {display:inline-block;vertical-align:unset;} #plusbox {height: 30vw;float:left;} #plusbox a {width: 100%;height: 100%;padding:0;display: inline-block;font-size: 170px;} #plusbox a p.plustext {font-size:2vw;position:relative;top:5vw;padding: 0 18px;} #plusbox a .fa {position:relative;top:3vw;} #topoftheblog { width: 87%; margin: 0 auto;} .widget ul.wpp-list-hp li:nth-child(1) .topthumb::before, .widget ul.wpp-list-hp li:nth-child(2) .topthumb::before, .widget ul.wpp-list-hp li:nth-child(3) .topthumb::before, .widget ul.wpp-list-hp li:nth-child(4) .topthumb::before, .widget ul.wpp-list-hp li:last-child .topthumb::before { font-size: 9.5vw;} #ff-miniposts .recent-postff.unt, #ff-miniposts .recent-postff.ins, #ff-miniposts .recent-postff.lif {width: 30vw;margin: 0 1.1% 20px;} } @supports (-webkit-overflow-scrolling: touch) { #hpfeatured .featureddachzeile { top:-20px; } #Footerinfos a.footerlink {padding: 5px 6px 2px; text-size-adjust: none; } #metamobsing #catagsu a, #metamobsing #catagsi a, #metamobsing #catagsl a, #metamobsing #catags a { padding: 10px 11px 7px 13px; } .recent-post.spons .post-contentfeatured, #hpfeatured .recent-post.spons .post-contentfeatured {-webkit-mask-image: -webkit-radial-gradient(white, black);} } @media screen and (max-width: 1280px) { .inner-wrap-single #sidebar, #sidebar { width:260px; } .widget ul li.menu-item { width:48.8%; } #unterhaltungff, #lifestyleff, #inspirationff { display:block; float:none; clear:both; width:100%; } #lastthings .standards .recent-post h2 a {font-size:1.6vw;} #hpfeatured #unterhaltungff .recent-post, #hpfeatured #inspirationff .recent-post, #hpfeatured #lifestyleff .recent-post { width:45%; margin-bottom:20px;height:auto; } #lastthings h2.lastthings a {padding: 3px 6px; font-size: 1vw; border-radius: 4px;} .thumbfeatured img { width:100%; height:auto; } .fastfoodthumb { width:40%;margin-bottom:0; } .post-contentfast2 { height:auto; } .recent-post h2 { margin:0; } #content .recent-post h2 { margin-bottom: 27px; } #unterhaltungff .featureddachzeile, #inspirationff .featureddachzeile, #lifestyleff .featureddachzeile { max-width:54%;top:7px; } .recent-post .post-contentfeatured h2 { margin-top:-15px; padding: 0 10px 15px; } .recent-post .post-contentfeatured h2 a { font-size:42px; } .recent-post .post-contentfast2 h2 { padding:0;margin-top:5px; } .recent-post .post-contentfast2 h2 a { font-size: 24px; } #hpfeatured #unterhaltungff .recent-post a, #hpfeatured #inspirationff .recent-post a, #hpfeatured #lifestyleff .recent-post a { line-height:1.1; } #unterhaltungfeatured .recent-post .post-contentfeatured:hover { background: #e53b2a; } #inspirationfeatured .recent-post .post-contentfeatured:hover { background: #1f1f1f; } #lifestylefeatured .recent-post .post-contentfeatured:hover { background: #717274; } #sponsored { height: 42vw; } .list-view .recent-post { margin:0; padding:0; } #content .list-view .recent-post { margin:-1px 0 25px 0;padding-bottom:37px; } #lastthings .post-contentfeatured h3.secondary { padding:3px 10px; font-size: 0.75vw; } #lastthings #lasthighlights .featureddachzeile {top:-16px;} #lastthings #lasthighlights .recent-post h2 a {font-size:1.9vw; line-height: 2.3; } #lastthings img {width:100%;} #lastthings .recent-post .post-contentfeatured:hover img { width: 100%; height: auto; margin-top:0px; margin-left: 0; -moz-transition: none; -webkit-transition: none; transition: none;} body.search.search-no-results #lastthings #lastinterview,body.search.search-no-results #lastthings #lastreview, body.search.search-no-results #lastthings #lastbp { float:right;height:460px;margin:0 0 70px; } body.search.search-no-results #lastthings #lastkolumne, body.search.search-no-results #lastthings #lastvideo, body.search.search-no-results #lastthings #lastwin { float:left;height:460px; margin:0 0 70px; } } @media screen and (max-width: 1250px) { #topleistenbanner { display: none; } #content { width:70%; } .entry p { padding:0 40px 20px; } #katarchiv h2 { color:#fff;padding:15px 0;font-size:30px; } #katarchiv .katcol { height:550px; } .yearly_month_archive { padding:0 6%; } .yearly_month_archive a { font-size: 18px; } #kontaktform #fscf_captcha_field1 { width:30% !important; } .full-width .entry p, .full-width .entry .narrowtext { padding: 0 160px; } #advertinfo { max-width: none; padding: 0 160px; width: initial; } #advertorials { float:none; margin: 0 auto 70px; } #lastthingscat .recent-postcat h2 a, #lastthingscati .recent-postcat h2 a, #lastthingscatl .recent-postcat h2 a { font-size:22px; } #lastthingscat .recent-postcat .post-contentfeatured h2, #lastthingscati .recent-postcat .post-contentfeatured h2, #lastthingscatl .recent-postcat .post-contentfeatured h2 { line-height:26px; } #lastthingscat .post-contentfeatured h3.secondary, #lastthingscatl .post-contentfeatured h3.secondary { font-size:9px; max-width: 15em; } #lastthingscat .featureddachzeile, #lastthingscati .featureddachzeile, #lastthingscatl .featureddachzeile { top:-14px; } .prevnexttitle { font-size:1.8vw; } .list-view .recent-post.ffminipost a {font-size:3vw; } .list-view .recent-post.ffminipost .ffwrap {width:56%; } #content .list-view .recent-post.ffminipost h2 {margin-bottom:0;} } @media screen and (max-width: 1180px) { #topleistenbanner { display: none; } } @media screen and (max-width: 1130px) { .recent-post .post-contentfast2 h2 { margin-top:2px; } .recent-post .post-contentfeatured h2 { margin-top:-15px; padding: 0 10px 15px; } #unterhaltungfeatured .recent-post .post-contentfeatured h2 a, #inspirationfeatured .recent-post .post-contentfeatured h2 a, #lifestylefeatured .recent-post .post-contentfeatured h2 a { font-size:38px;line-height:1.0; } .post-contentfeatured h3.secondary { font-size: 14px; } } @media screen and (max-width: 1080px) { #pixels { display:none; } .form-input, .form-input:focus { font-size:200px; } #contentsingle { width:67%; } .full-width #contentsingle { width:100%; } #content { width:67%; } .entry p { padding:0 20px 20px; } .yearly_month_archive { padding:0 4%; } .yearly_month_archive a { font-size: 16px; } .full-width .entry p, #advertinfo, .full-width .entry .narrowtext { padding: 0 120px; } #lastthingscat .recent-postcat h2 a, #lastthingscati .recent-postcat h2 a, #lastthingscatl .recent-postcat h2 a { font-size:19px; } #lastthingscat .recent-postcat .post-contentfeatured h2, #lastthingscati .recent-postcat .post-contentfeatured h2, #lastthingscatl .recent-postcat .post-contentfeatured h2 { line-height:22px; } #lastthingscat .catfeatured, #lastthingscati .catfeatured, #lastthingscatl .catfeatured { width: 22%; } .catfeaturedlast { display:none; } .full-width h1.title { margin-top:-520px;margin-bottom:170px; } .recent-post .post-contentfast2 h2 a { font-size: 21px; } .list-view .recent-post.ffminipost .ffwrap {width:51%; } } @media only screen and (max-width: 1060px) { .showmobile { visibility:visible; display:block; } .showdesktop { display:none; } #navbarsecond .dropdown a { font-size: 12px; padding:6px 8px; } #iphonelogo, #iphonelogo img, #iphonelogo2 img { width:90%; } .redbalkenhead { font-size: 8px; } .metabox { display:none; } #spaceholder { display:none; } #sidebarmobile { visibility:visible; } .wp-pagenavi { margin: 0 -15px 50px 0px; } .widget .lwwinline img { width:47%; height: auto; } .widget h5.lwwdachzeile { font-size:11px; font-weight:bold; padding: 3px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 22em; } .widget .langeweile-widget br {display: none;} .widget .langeweile-widget .lww-thumb-small { margin: 10px 12px 50px 0; } .widget .langeweile-widget small { font-size: 12px; color: #8B96A0; margin: 2px 0 4px 0; display: block; } .widget .langeweile-widget .post-content { display: block; } .widget .langeweile-widget li { line-height: 1.4; } .widget .langeweile-widget li:first-child { padding-top:0px; } .widget .langeweile-widget li:first-child img { width: 100%; height: auto; } .widget .langeweile-widget .lww-title-small { font-weight: bold; Color: #000; } .widget .langeweile-widget .featured-post { height: auto; overflow: hidden; } .widget .lwwinline li:first-child { padding-right:10px; } .widget .lwwinline li { display: inline; overflow: hidden; } .widget .lwwinline { position:relative; top:-275px; height:90px; } .widget .lwwdach { position:relative; top:-20px; max-width: 350px; background-color: #ffffff; display: inline-block; } #hpfeatured #unterhaltungff .recent-post a, #hpfeatured #inspirationff .recent-post a, #hpfeatured #lifestyleff .recent-post a { line-height:1.1; } } @media only screen and (max-width:1030px) { #navbarsecond .dropdown a { font-size: 10px; padding:6px 8px; } #hiddennavbarsecondm { display: none; } #revslider { padding-top: 0px; } #Sektionen { visibility:none; display:none; } #Sektionen568 { visibility:visible; display:block; } #Sektionen320 { visibility:none; display:none; } #sidebarmobile { visibility:visible; } #hiddennavbarsecondm { display: none; } #pagenavimobile { visibility:visible; display:block; padding-top:30px; margin-bottom:100px; } .nav-previous {float:right; padding-left:30px; } .nav-next {float:left; padding-right:30px; } #iphonefooter { display: block; } #plista { visibility:none; display:none; } #footest img, #footest embed, #footest object {max-width:100%;} .widget h5.lwwdachzeile { font-size:10px; font-weight:bold; padding: 3px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 20em; } .widget .langeweile-widget br {display: none;} .widget .langeweile-widget .lww-thumb-small { margin: 10px 12px 50px 0; } .widget .langeweile-widget small { font-size: 12px; color: #8B96A0; margin: 2px 0 4px 0; display: block; } .widget .langeweile-widget .post-content { display: block; } .widget .langeweile-widget li { line-height: 1.4; } .widget .langeweile-widget li:first-child { padding-top:0px; } .widget .langeweile-widget li:first-child img { width: 100%; height: auto; } .widget .langeweile-widget .lww-title-small { font-weight: bold; Color: #000; } .widget .langeweile-widget .featured-post { height: auto; overflow: hidden; } .widget .lwwinline li:first-child { padding-right:10px; } .widget .lwwinline li { display: inline; overflow: hidden; } .widget .lwwinline { position:relative; top:-200px; height:90px; } .widget .lwwdach { position:relative; top:-20px; max-width: 350px; background-color: #ffffff; display: inline-block; } .widget ul.wpp-list-hp li:nth-child(1) .topthumb::before, .widget ul.wpp-list-hp li:nth-child(2) .topthumb::before, .widget ul.wpp-list-hp li:nth-child(3) .topthumb::before, .widget ul.wpp-list-hp li:nth-child(4) .topthumb::before, .widget ul.wpp-list-hp li:last-child .topthumb::before { font-size: 9vw;} #lastthings #lasthighlights .featureddachzeile {top:-14px;} } @media screen and (max-width: 1023px) { #billboardsingle { display:none; } #singlebillboard { width:100%;text-align:center;margin:0; } #werbebannerheader3 #werbebannerheader3wrap a.steadylink {width:100%;border-radius:0;font-size: 7vw;color:#eaeaea;background:none;} #werbebannerheader3 #werbebannerheader3wrap {width: 100%;display:table;} #werbebannerheader3wrap > div { text-align: center; max-width: 100%; max-height: 300px; float: none; margin: 0 auto; vertical-align: middle; display: table-cell !important; } #werbebannerheader3wrap > div > div { display:block; } .anzeigetext {font-size:7px;} .anzeigetext a {color: #000;} #content { width: 100%;padding:0; } #content #recent-posts { padding:0 30px; } #content img { max-width:100%; } #pixels2 { display:none; } .recent-post .post-contentfeatured h2 { max-height:200px; } .widget-area { margin-top: 0; } #footer .column .widget, #Footerinfos .column .widget { float: unset; } #footer div.column, #Footerinfos div.column { width: 84%; margin: 0; padding: 0 8%; } #footer .widget h3.title, #Footerinfos .widget h3.title { margin: 60px 0 40px; } .textwidget:has(#maik) { width: 100%; max-width: 450px; margin: 0 auto; } #ayb_posts-7 { display:none; } #maik { width:100%; } .maikinfotext { margin-bottom: 15px; } .execphpwidget:has(.anniwrap) { width: 100%; max-width: 550px; margin: 0 auto; } .anniwrap { margin-bottom: 15px; } .anniwrap a { padding: 11px 15px; } .textwidget:has(#steadydanke), .plankton_social_widget { width: 100%; max-width: 450px; margin: 0 auto; } #partner { margin-top: 30px; } #contentsingle { width:900px;margin:30px auto 0;float:none; min-height: unset; } .full-width #contentsingle { width:100%; } #sidebar { display:none; } .post-meta, .widget, #stickybox-sticky-wrapper {} #authorsinglemob { display:block;padding:0 10%; } #metamobsing { display: inline-block; width: 100%; margin-bottom: -5px; } #sharebuttons2 a.sharetweet, #sharebuttons2 a.sharepocket { border-radius: 0; } a.authorname { width:initial; visibility:visible; } #catagsu, #catagsi, #catagsl, #catags { padding: 80px 0 50px; border-radius: 0; } #catagsu a { background: #d7241a; color: #fff; } #catagsi a { background: #000; color: #fff; } #catagsl a { background: #646567; color: #fff; } #catagsu a:hover { background: #b7150c; } #catagsi a:hover { background: #272727; } #catagsl a:hover { background: #494a4b; } #timeside { margin: 0 auto 30px; width:80%; color: #000; } #timeside a.autorname { font-size: 14px; color: #000; background: none; padding: 0 !important; margin: 0 0 20px !important; } #timeside a.autorname:hover { color:#d7241a; background:none;padding:0; } .sidebartags { margin-bottom: 25px; } .sidebartags a:hover { filter: drop-shadow(0px 5px 0px #e4e4e4) !important; } .inner-wrap-single .sponsoredbox { float: none; position: relative; top: -5px; } .inner-wrap-single .full-width .sponsoredbox { font-size:15px;position: relative; top:-1px; } .inner-wrap-single, .inner-wrap-hp { width:94%; padding: 0 3%; } #hpfeatured .recent-post { margin:0 0 60px 0; width:48%; } #hpfeatured .recent-post.last { margin:0 0 60px 0; padding-right:0; } .recent-post .post-contentfast2 h2 a { font-size: 18px; } .recent-post .post-contentfast2 h2 { margin-top:-9px;line-height:0.6; } #hpfeatured #unterhaltungff .recent-post, #hpfeatured #inspirationff .recent-post, #hpfeatured #lifestyleff .recent-post { width:48%; } #unterhaltungff .featureddachzeile, #inspirationff .featureddachzeile, #lifestyleff .featureddachzeile { top:1px; } #lastbp, #lastwin, #lastmontag, #lastklein, #lastwoche, #lastreview, #lastkolumne, #lastinterview, #lastvideo, #lastkurz {width:23%;} #lastbp, #lastwin, #lastmontag, #lastklein, #lastwoche, #lastreview, #lastkolumne, #lastinterview, #lastvideo, #lastkurz {width:23%;} #lastvideo, #lastkurz {display:none;} #lastwoche {clear:both;} #lastreview {clear:unset;} #lastthings .recent-post .post-contentfeatured h2 { margin-top:-20px; } #lastthings h2.lastthings, #topoftheblog .widget h3.title {margin-bottom:10px;} #katarchiv h2 { padding:10px 0;font-size:25px; } #katarchiv .katcol a { font-size:16px; } #katarchiv .katcol { font-size:11px;line-height: 1.7;height:450px; } #kontaktform input#fscf_field1_4 { margin: 0 !important; } #kontaktform #fscf_captcha_image_div1 { margin-left:15%; } .socialstat { display:inline-block; margin: 20px 3% 0px 0; padding:11px 16px 7px; border-radius:8px;color:#fff;font-size:19px; } .statyt { margin-right:0; } .full-width h1.title { margin-top:-450px;margin-bottom:160px;padding:0; } .full-width h1.title a { text-shadow: 6px 6px 6px #000000; line-height:1.1; } #fullthumbimg { padding: 18% 20%;background-size: 140% !important; background-position-y: 16% !important; } .full-width h3.secondarysingle { font-size:39px; width:90%;margin:0; } #fullmeta { font-size: 12px; } #fullmeta a { padding:2px 4px 3px; } .full-width .entry blockquote p { font-size: 16px; line-height: 32px; padding: 20px 30px; max-width: 100%; border-radius: 8px; } .full-width .entry p.blockquotebig { font-size: 54px; line-height: 75px; margin-bottom: 60px; font-weight: bold; } #authorsinglemob .authorthumb { margin: 0 5% 30px 0; } #hpfeatured .recent-post, #werbebox, #plusbox {width: 41vw; height:41vw; margin: 0 2vw 35px;} #hpfeatured .recent-post h2 {height: calc((41vw - 0px) * 0.356);} #hpfeatured .recent-post h2 a {font-size:2.5vw;} #hpfeatured .recent-post .post-contentfeatured h3.secondary {font-size: 1vw;max-width: 31vw;} #werbebox {height:41vw;} #plusbox {height: 32vw;width:86vw;} #plusbox a {width: 100%;height: 100%;padding:0;display: inline-block;font-size: 170px;} #plusbox a p.plustext {font-size:3vw;position:relative;top:4vw;padding: 0 18px;} #plusbox a .fa {position:relative;top:3vw;} #ff-miniposts .recent-postff.unt, #ff-miniposts .recent-postff.ins, #ff-miniposts .recent-postff.lif {width: 41vw;margin: 0 2vw 20px;} .list-view .recent-post.ffminipost a {font-size:4.2vw; } .list-view .recent-post.ffminipost .post-content h3.secondary {font-size:1.2vw; margin-bottom: 0.4vw;} #div-gpt-ad-1407836023985-0 div:nth-child(1):after {} #div-gpt-ad-1407836023985-0 div:nth-child(1):before { font-size:50px; padding:20px; } .prevnexttitle { font-size: 2.3vw; } #partnerbuttons {width:100%;} p.partnerbutton, p.partnerbutton2 {width: 29%; height:29%; padding: 2.16%; margin: 0 0 1.5vw; height: auto; float: left; display: inline-block;} p.partnerbutton img, p.partnerbutton2 img {width:100%;height:auto;} } @media screen and (max-width: 948px) { #contentsingle { width:100%; margin: 70px auto 60px; } .entry p { padding:0 80px 20px; } #pixels3 { display:none; } .form-input, .form-input:focus { font-size:170px; } .recent-post .post-contentfast2 h2 { margin-top: 0px;line-height:0.5;padding-top:9px; } .recent-post .post-contentfast2 h2 a { font-size: 16px; } #unterhaltungff .featureddachzeile, #inspirationff .featureddachzeile, #lifestyleff .featureddachzeile {display:none;} #unterhaltungfeatured .recent-post .post-contentfeatured h2 a, #inspirationfeatured .recent-post .post-contentfeatured h2 a, #lifestylefeatured .recent-post .post-contentfeatured h2 a { font-size:35px; } .recent-post .post-contentfeatured h2 { line-height:1.2 } .post-contentfeatured h3.secondary { font-size: 13px; padding: 3px 9px 0; max-width: 20em; } .yearly_month_archive { padding:0 2%; } .yearly_month_archive a { font-size: 15px; } #archivdesktop ul li small { font-size:10px; } #FSContact1 { width:80% !important; } #kontaktbg, #werbungbg, #haftungbg, #Datenschutz, #ueberbg, #zahlenbg, #exkursbg, #referenzbg, #formatebg, #socialmediabg, #unternehmenbg, #speakerbg, #grafikdesignbg { height:300px; } #kontaktbg h2, #werbungbg h2, #haftungbg h2, #Datenschutz h2, #ueberbg h2, #zahlenbg h2, #exkursbg h2, #referenzbg h2, #formatebg h2, #socialmediabg h2, #unternehmenbg h2, #speakerbg h2, #grafikdesignbg h2 { margin-top:115px;font-size:35px;text-shadow: 4px 4px 4px #000000; } .full-width .entry p.blockquotebig { font-size: 52px; line-height: 65px; width: 90%; margin: 0 auto 55px; } .full-width .entry .mediadata h3, .full-width .entry .mediadata2 h3 { font-size:50px; } .full-width .entry .mediadata p, .full-width .entry .mediadata2 p { font-size:15px; } #lastthingscat .featureddachzeile, #lastthingscati .featureddachzeile, #lastthingscatl .featureddachzeile { display:none; } #lastthingscat .recent-postcat .post-contentfeatured h2, #lastthingscati .recent-postcat .post-contentfeatured h2, #lastthingscatl .recent-postcat .post-contentfeatured h2 { margin-top:7px; } #lastthingscat h2.lastthings, #lastthingscati h2.lastthings, #lastthingscatl h2.lastthings { font-size:12px; } #lastthingscat .recent-postcat h2 a, #lastthingscati .recent-postcat h2 a, #lastthingscatl .recent-postcat h2 a { font-size:17px; } .full-width h1.title { margin-top:-420px;margin-bottom:125px; } #fullthumbimg { padding: 17% 20%; } .wpp-post-title {font-size:9px;} .widget ul.wpp-list-hp li p {padding-top:12px;line-height:0.8;} #standards .standards {width:33.33%;} #lastthings.footerfeature #standards .standards:nth-of-type(4n) { display: none; } #standards .standards:nth-of-type(4n+1) { clear: unset; } #standards .standards:nth-of-type(3n+1) { clear: both; } #lastthings h2.lastthings a {font-size:1.3vw;} #lastthings h2.lastthings, #topoftheblog .widget h3.title {margin-bottom:20px;} #lastthings .recent-post .post-contentfeatured h2 a {font-size:2.4vw;} #lastthings .standards .thumbfeatured {max-width:100%;max-height:auto;} .entry .figure:first-child img, .entry .figure:first-of-type img { max-width:100% !important; } } @media screen and (max-width: 830px) { h1.title { font-size: 78px; line-height:1.1; } .inner-wrap-single .sponsoredbox { font-size: 15px; } .inner-wrap-single .full-width .sponsoredbox { font-size:14px; } h3.secondarysingle { font-size:30px; margin:15px 0 0; padding-top:15px; } .entry p { padding:0 50px 20px; } .prevtitle, .nexttitle { width:50%; padding:10px 5px; } #prevnext .previous a, #prevnext .next a { height:100px; } #kontaktform input#fscf_field1_4 { float:none; } .recent-post .post-contentfast2 h2 { padding-top:3px; } .full-width .entry p, #advertinfo, .full-width .entry .narrowtext { padding: 0 60px; margin-bottom:50px;font-size:19px;line-height:37px; } #advertinfo { margin-bottom:0; } #socialstats i { font-size: 33px; } .socialstat { font-size: 16px; } #weiblich, #maennlich { font-size:45px; } .alter { font-size:25px; } .klein { font-size:10px; } .full-width h1.title { margin-top:-390px;margin-bottom:125px; } #fullthumbimg { padding: 15% 20%;background-size: 150% !important; } #iphonelogo2 {width:90%;} #hpfeatured .recent-post h2 a {font-size:2.2vw;} #hpfeatured .recent-post .post-contentfeatured h3.secondary {font-size: 1vw;max-width: 30vw;} #lasthighlights .recent-post.last {display:none;} #lasthighlights .recent-post, #lasthighlights .recent-post.last, #lasthighlights > .recent-post ~ .recent-post {width:46%;padding:0 2%;} #lastthings .post-contentfeatured h3.secondary {font-size:1vw;} #lastthings #lasthighlights .recent-post h2 a {font-size:2.4vw; line-height: 2.4; } .bpimg img.shrinked {max-width:100%;} .bpimg img.shrinkedmore {max-width:100%;} .gpwrap img {max-width:100%;} .gpwrap img.shrinked {max-width:100%;} .gpwrap img.shrinkedmore {max-width:100%;} } @media screen and (max-width: 768px) { #Menumobile { display:inline-block; } #Menu, #dreierstamm { display:none; } .showmobilematched { visibility:visible; display:block; } #respond textarea { border-top:none; } #respond .form_fields input { border-top:none; } #slider #slides.small-size .slide_content { display:none; } .col_main, .full-width .col_main { width:100%; } .col_meta, .full-width .col_meta { width:100%; } .share_box .share_btn { float:left; width:30%; } .widget_archive li { width:100%; } .share_box .share_btn:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .full-width h1.title { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; font-family: 'Roboto Condensed', sans-serif; margin-bottom:110px;} .full-width h3.secondary { font-size: 24px; margin-top:-5px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .full-width .entry h2 { width: 90%; margin: 20px auto; font-size: 30px; text-align:center; text-transform:uppercase; } .inner-wrap-blogroll .full-width .entry h2 { width:100%; } .full-width .entry .blockquote { margin: 20px 10px; color: #fff; background-color:#919191; padding: 20px; font-size: 18px;line-height: 1.5; } .full-width .fullwidthcentral { margin-left:0px; } .full-width .commentlist { margin-left:0px; margin-top: 10px; } .full-width #plista { margin-left:0px; } .full-width .entry h3 { width: 95%; margin: 20px auto;font-size:28px; } .widget ul.wpp-list-hp li:nth-child(1) .topthumb::before, .widget ul.wpp-list-hp li:nth-child(2) .topthumb::before, .widget ul.wpp-list-hp li:nth-child(3) .topthumb::before, .widget ul.wpp-list-hp li:nth-child(4) .topthumb::before, .widget ul.wpp-list-hp li:last-child .topthumb::before { line-height:16vw; } .widget ul.wpp-list-hp li p {display:none;} #topoftheblog {margin-bottom:0;width:100%;} .widget ul.wpp-list-hp li:nth-child(1) .topthumb::before { left: 7.7%;} .widget ul.wpp-list-hp li:nth-child(2) .topthumb::before { left: 27.6%;} .widget ul.wpp-list-hp li:nth-child(3) .topthumb::before { left: 47.5%;} .widget ul.wpp-list-hp li:nth-child(4) .topthumb::before { left: 67.4%;} .widget ul.wpp-list-hp li:last-child .topthumb::before { left: 87.3%;} select#subscribe-reloaded { padding: 10px 20px; width: 70%; max-width: 270px; } span.comsubtext { padding: 0; display: block; margin: 15px auto 0; width: 70%; max-width: 270px; } span.comsubtext a { width: 100%; display: block; padding: 10px 0; } } @media screen and (max-width: 750px) { #likebuttontopleiste, #likebuttontopleistesingle { margin-right:5px; } .form-input, .form-input:focus { font-size:130px; } #hpfeatured #unterhaltungff .recent-post a, #hpfeatured #inspirationff .recent-post a, #hpfeatured #lifestyleff .recent-post a { line-height:1.1; } #bannerformate { margin-bottom:60px; } #billboard { width: 150px; height:38px; margin-right:10px; } #halfpage { width: 45px; height:90px; margin-right:10px; } #mediumrec { width: 45px; height:38px; margin-right:10px; } #superbanner { width: 109px; height:14px; } #hpfeatured {width:100%;} #werbebox {width:86vw; height: fit-content; padding: 6px 0 12px;} #plusbox {height: 41vw;width:41vw;} #hpfeatured .recent-post, #werbebox, #plusbox { margin: 0 2vw 25px;} #hpfeatured .recent-post h2 {height: calc((41vw - 0px) * 0.365);} #hpfeatured .recent-post h2 a {font-size: 2.5vw;} #ff-miniposts .recent-postff.unt, #ff-miniposts .recent-postff.ins, #ff-miniposts .recent-postff.lif {margin:0 2vw 25px;float:left;} #ff-miniposts h2 a {font-size:2.1vw;} #ff-miniposts { text-align: left; display: flow-root; width: 100%;} .list-view .recent-post.ffminipost .ffwrap {width:48%; display: contents; } } @media screen and (max-width: 720px) { h1.title, #singledach { max-width: 90vw; } .featureddachzeile { top:-20px; } #likebuttontopleiste, #likebuttontopleistesingle { display:none; } #unterhaltungfeatured .recent-post .post-contentfeatured h2 a, #inspirationfeatured .recent-post .post-contentfeatured h2 a, #lifestylefeatured .recent-post .post-contentfeatured h2 a { font-size:30px; } .recent-post .post-contentfeatured h2 { line-height:1.2 } .recent-post .post-contentfast2 h2 { margin-top: 0px;line-height:0.6;max-height:2.2em;padding-top:1px; } .recent-post .post-contentfast2 h2 a { font-size: 15px; } .post-contentfeatured h3.secondary { font-size: 12px; padding: 2px 7px 0; max-width: 19em; } #unterhaltungfeatured .recent-post .post-contentfeatured:hover { background: none; } #inspirationfeatured .recent-post .post-contentfeatured:hover { background: none; } #lifestylefeatured .recent-post .post-contentfeatured:hover { background: none; } #lastthings .featureddachzeile { top:-16px; } #custom_html-3, #backlinks, #sbi_load { display:none; } #Footerinfos .column .widget { max-width:500px;float:none;margin:0 auto 35px; } h1.title { font-size: 10vw; line-height:1.1;margin-top:5px; } .inner-wrap-single .sponsoredbox { font-size: 13px;display:block;margin:0;padding-top:15px; } .inner-wrap-single .sponsoredbox a, .inner-wrap-single .sponsoredbox a:hover { padding:5px 13px; } h3.secondarysingle { font-size:25px;padding-top:10px; } .entry p { padding:0 20px 20px; } body.page-template .entry ul, body.page-template .entry ol { padding: 0 20px 20px; } .entry ul, .entry ol { padding: 0 60px 40px; } .inner-wrap-single, .inner-wrap-hp { width:90%; padding: 0 5%; } .entry p.blockquotebig { margin:0 30px 50px; padding: 25px 35px; font-size: 22px; line-height: 39px;border-radius:15px; } .entry blockquote { padding: 20px 30px; } .entry p.bpinfo {font-size: 12px;line-height: 20px;padding: 20px;margin: 0 auto 20px;} .full-width .entry p.blockquotebig { font-size: 45px; line-height: 58px; width: 90%; margin: 0 auto 50px; } #advertinfo { margin-bottom:0; } #bpnavi a { font-size: 12px; width:13%; } #blogansicht { padding:0;margin:0; } #blogansicht a { font-size: 14px;background:none;padding: 30px 3%;width: 94%;display: inline-block; } #singlepages2 ul li { margin: 0 4px; } #katarchiv h2 { font-size:18px; } #katarchiv .katcol a { font-size:13px; } #katarchiv .katcol { font-size:10px;height:380px; } .full-width h1.archive_title { margin-top:0px;margin-bottom:40px; } .full-width h1.archive_title a { font-size:50px; } .full-width #respond { width:100%;margin:30px auto;padding:30px 0 0; } #toptags { display:none; } #toptagsmobile { display:block;margin: 50px 0; padding: 0 6%; } #toptags a { line-height:23px; } .yearly_month_archive .year { width:32% !important; } .blogroll { padding-top:24.9%; } #atomlabor, #drlima, #eyesaiditbefore, #falscheneun, #hanswurst, #ihaveseenthewhole, #interweb3000, #kraftfuttermischwerk, #likecool, #lofter, #mindsdelight, #niceblog, #pewpewpew, #qwergelesen, #schleckysilberstein, #seitvertreib, #serieslyawesome, #testspiel, #theawesomer, #viralviralvideos, #kuriositas, #shortfilms, #thekidshouldseethis, #tyrosize, #webtapete, #beautifuldecay, #benhammer, #beware, #BOOOOOOOM, #boredpanda, #colossal, #designcollector, #designlovr, #detailverliebt, #fubiz, #iamag, #ignant, #inspirationgrid, #klonblog, #kwerfeldein, #rbnshit, #schockblast, #schoenhaesslich, #thomasreimann, #twistedsifter, #ufunk, #vectroave, #zeutch, #doobybrain, #demilked, #amypink, #blogbuzzter, #blogrebellen, #boingboing, #eay, #einostwestfale, #flashback, #hermsfarm, #hirnverbrandt, #inselblog, #itsrap, #kathrinsky, #kotzendeseinhorn, #linamallon, #maennerstyle, #mobilegeeks, #mobilelifeblog, #nerdcore, #rapnblues, #seite360, #vsworld, #whitetapes, #whudat, #wihel, #zimtsternin, #zoomlab, #zuhloo, #gilly, #nilssnake, #tonrabbit, #denkfabrikblog, #fernsehersatz, #filmverliebt, #lostlevels, #archispass, #robotmafia, #berlinickliebedir, #biseinerheult, #buddenbohm, #domanske, #monstropolis, #plattenvorgericht, #pop64, #uarrr, #progolog { width:25%; } .full-width .entry .mediadata h3, .full-width .entry .mediadata2 h3 { font-size:40px; } .full-width .entry .mediadata p, .full-width .entry .mediadata2 p { font-size:13px; } #referenzen { margin-bottom:60px; } #lastthingscat .catfeatured, #lastthingscati .catfeatured, #lastthingscatl .catfeatured { width: 46%;margin-bottom:40px;float:none; } #lastthingscat .recent-postcat h2 a, #lastthingscati .recent-postcat h2 a, #lastthingscatl .recent-postcat h2 a { font-size:23px; } .full-width h1.title { margin-top:-370px;margin-bottom:110px; } .full-width h1.title a { text-shadow: 5px 5px 5px #000000; } .inner-wrap-single .full-width .sponsoredbox { font-size:13px; top:0px; } .full-width h3.secondarysingle { font-size:35px; } #fullmeta { display:none; } #fullmeta a { } #fullmetamob { display:block; width: 100%; text-align: center; margin: 0; font-size: 11px; color: #000; background: #b3b3b3; margin-left:-10%; padding: 12px 10%; line-height:2.5; } #fullmetamob a { color:#fff; background:#646567; padding:1px 3px 2px;border-radius:3px; margin-right: 2px; } #fullmetamob a:hover { background:#d7241a;color:#fff; } #fullmetamob a.fullautor { color: #000; background:none; } #fullmetamob #fulltime { } h1.archive_title { font-size:25px; } .recent-post h2 a { font-size:53px; } .post-content h3.secondary { font-size:25px; } #authorsinglemob #authortext { width:58%; } #authorsinglemob { padding:0; } #bpnavi2, #bpnavi3 { font-size:15px; } #bpnavi2 a { padding:11px 6px; } .maikinfotext {padding:20px;font-size:14px;line-height:1.5;} #bpnavi3 a {border-radius:0;} #Claimbox a { padding: 5px 10px; font-size: 21px;} #hpfeatured .recent-post, #werbebox, #plusbox { margin: 0 1.3vw 20px;} #werbebox {width:84.6vw;} #ff-miniposts .recent-postff.unt, #ff-miniposts .recent-postff.ins, #ff-miniposts .recent-postff.lif {margin:0 1.3vw 20px;} .list-view .recent-post.ffminipost .ffwrap {width:43%; } .steadybanner img {border-radius:0px;overflow:hidden;} .bppaged span.bppagenum, .bppaged:hover span.bppagenum, .bppaged.bpnow span.bppagenum {font-size:8vw !important;} .bppaged span, .bppaged:hover span, .bppaged.bpnow span {font-size:2vw;} .bppaged:hover span, .bppaged.bpnow span {padding:3px 0;} .bppaged:hover, .bppaged.bpnow, .bppaged {padding:15px 0;} .bpplus {margin: 1.5%;} .prevnexttext { font-size: 2vw; padding: 0 25px; } .prevnexttitle { font-size: 4.4vw; padding: 15px 25px 0; } #prevnext { background: unset; outline: unset !important; } .prevnextu, .prevnexti, .prevnextl, .prevnextx { background:none; } .prevnextu .previous, .prevnextu .next { background:#d7241a;margin-bottom:5px; } .prevnexti .previous, .prevnexti .next { background:#000;margin-bottom:5px; } .prevnextl .previous, .prevnextl .next { background:#646567;margin-bottom:5px; } .prevnextx .previous, .prevnextx .next { background:#b3b3b3;margin-bottom:5px; } #prevnext .previous, #prevnext .next { width:100%; } .prevnextthumbwrap, #prevnext img { height: 40vw; width: 40vw; } #partnerbuttons {width:100%;} p.partnerbutton, p.partnerbutton2 {width: 42%; padding: 4%; margin: 0 0 1vw; height: auto;} p.partnerbutton img, p.partnerbutton2 img {width:100%;height:auto;} } @media screen and (max-width: 640px) { #fscf_div_field1_0, #fscf_div_follow1_1 { width: 100% !important; } #fscf_div_field1_0 input, #fscf_div_follow1_1 input { text-align: center !important; } #kontaktform input#fscf_name1, #kontaktform input#fscf_email1 { width: 90%; padding: 25px 5%; font-size: 22px; } a.mtoggle, a.mtogglemobile, a.stoggle { width: 55px; } div:has(> .bpbanner) { display: inline-block; width: 100%; } #werbebannerheader3 { background: unset; margin-bottom: 60px; } .anzeigetext { margin-top: 15px; } #headlines { padding: 70px 0 40px; } h1.title { font-size: 11vw; } .prevnextu .prevtitle, .prevnextu .nexttitle, .prevnexti .prevtitle, .prevnexti .nexttitle, .prevnextl .prevtitle, .prevnextl .nexttitle { font-size:16px; } .post-contentfeatured h3.secondary { font-size:11px; max-width:17em; } .recent-post .post-contentfast2 h2 a { font-size: 14px; } .recent-post .post-contentfast2 h2 { line-height:0.4;max-height:1.9em; } #singledach { margin-top:-30px; } #blogrollu h2, #blogrolli h2, #blogrolll h2 { padding:40px 0; } #kontaktform input#fscf_captcha_code1 { margin-right:1%; } .full-width .entry p, #advertinfo, .full-width .entry .narrowtext { padding: 0 10%; margin-bottom:45px;font-size:18px;line-height:30px; } #advertinfo { margin-bottom:0; } .full-width .entry .mediadata h3, .full-width .entry .mediadata2 h3 { font-size:38px; } .full-width .entry .mediadata p, .full-width .entry .mediadata2 p { font-size:12px; } #weiblich, #maennlich { font-size:36px; } .alter { font-size:23px; } .klein { font-size:8px; } h1.archive_title a { font-size: 45px; } .full-width h3.secondarysingle { font-size:31px;padding:24px 0;margin:0; } #content { width:100%;} #slider #slides .slide_content { display:none; } #slider #slides { width:100%; padding-left:0; border:none; } #slider #slides li img { width:100%; height:auto; } .home_widgets { margin-left:0%; } .recent-post .post-content {overflow:visible; } .recent-post .post-thumb { width:100%; margin-right:0;} .recent-post .post-thumb img { width:100%; height:auto;} .children #respond { margin-right:0; } #sidebar { width:100%; margin-left:0%;} #sidebar .widget {width:100%; margin-right:0%; float:none; } #footer div.column { margin-right: 0; width: 100%; } #footer .column .widget { width:100%; } #oben, #obendesk { padding-bottom:0; } #footersocials a.icon i { font-size: 20px; width: 20px; padding: 15px; margin: 0 5px; } .inner-wrap #oben {margin-top:12px;} #lastthings .recent-post .post-contentfeatured h2 a {font-size:3.5vw;} #lastthings h2.lastthings a {font-size:2.2vw;} #standards .standards {width: 50%;} #lastthings.footerfeature #standards .standards:nth-of-type(4n) { display: inline-block; } #standards .standards:nth-of-type(3n+1) { clear: unset; } #standards .standards:nth-of-type(2n+1) { clear: both; } .list-view .recent-post.ffminipost .ffwrap {width:44%;height:123px; } .list-view .recent-post.ffminipost .thumbarchive {width:220px;height:123px;} .list-view .recent-post.ffminipost img {margin-top:-21px;} .bpplus {font-size:16px;} .bpimg:hover {box-shadow: none; transform: translatey(0);} .divcontainerabschnitte {font-size:11px;text-align:center;line-height:22px;margin-bottom:70px;padding: 0 20px;} .commentjump {display:block;text-align:center;margin:45px auto 40px;} .commentjump a {background:#000;color:#fff;padding:7px 15px;border-radius:3px;text-transform:uppercase;letter-spacing:2px;font-size:10px;} #respond .form_fields input { font-size: 16px; } #lastthings .standards .thumbfeatured { aspect-ratio: 16/12;} .anniwrap h3, .anniwrap .jahr { font-size: 2.7vw; } .anniwrap h3 { max-width: 20em; } } @media only screen and (max-width:620px) { .showdesktop640 { visibility:none; display:none; } #hiddennavbar { visibility:none; display:none; } #hiddennavbarsecond { visibility:visible; display:block; } #revslider { padding-top: 0px; } .cc_container .cc_btn, .cc_container .cc_btn:visited { font-size:12px !important; padding: 3px !important; margin-top:0px !important; } .cc_container .cc_message { font-size: 12px !important; margin-top:0px !important; } .full-width .entry blockquote { width:auto; text-align:center; margin: 15px 20px 20px; padding: 0 30px 15px; } } @media screen and (max-width: 560px) { body.home #topleiste {background: #000; } body.home a.mtoggle, body.home a.mtogglemobile, body.home a.stoggle { color: #fff; } body.home #schriftlogo img { filter: grayscale(1) contrast(20.5) invert(1); } .prevnexttext { font-size: 2.4vw; padding: 0 20px; } .prevnexttitle { font-size: 5.3vw; padding: 10px 20px 0; } .inner-wrap-hp { width:100%;padding:0; } .inner-wrap-hp #oben { background: #000; padding: 20px 0 0; margin-left: 0; } #obendesk.hp #iphonelogo2 { width: 70%; filter: grayscale(1) contrast(10) invert(1); } #obenmobhp { display: block; padding-top:10px; } .form-input, .form-input:focus { font-size:80px; } .featuredschriftu, #lifestylefeatured .featuredschriftu, #inspirationfeatured .featuredschriftu, #sponsored .featuredschriftu { float:none;margin:18px auto;font-size:12px;background:none; color:#fff; width:unset; } .featureddachzeile { max-width:98%; } #unterhaltungff .post-contentfast2 h3.secondary, #lifestyleff .post-contentfast2 h3.secondary { max-width:21em; } .featuredschriftu a, #lifestylefeatured .featuredschriftu a , #inspirationfeatured .featuredschriftu a { color:#fff;letter-spacing:2px; } #unterhaltungff .featureddachzeile, #inspirationff .featureddachzeile, #lifestyleff .featureddachzeile { display:inline-block; } #sponsored .featuredschriftu a { color: #d7241a; } #unterhaltungfeatured, #inspirationfeatured, #lifestylefeatured { margin:0; padding:0; } #inspirationfeatured, #lifestylefeatured { margin-top:-5px; } #hpfeatured .recent-post, #hpfeatured .recent-post.last { margin:0;width:100%;height:auto;padding-bottom:25px; } .recent-post .post-contentfeatured { text-align:center; } .tp-bannertimer { display: none; } #unterhaltungff, #lifestyleff, #inspirationff { width:100%;margin:15px 0 0; } #hpfeatured #unterhaltungff .recent-post, #hpfeatured #inspirationff .recent-post, #hpfeatured #lifestyleff .recent-post { width:100%;height:auto;margin-bottom:10px; } .recent-post .post-contentfast2 h2 { margin-top:-5px;padding-top:1px; line-height:0.9;max-height:none; } .recent-post .post-contentfast2 h2 a { font-size:20px; } #unterhaltungff .post-contentfast2 h3.secondary, #lifestyleff .post-contentfast2 h3.secondary {padding-top:8px;} #hpfeatured #unterhaltungff .recent-post { background:#e53b2a; } #hpfeatured #inspirationff .recent-post { background:#1f1f1f; } #hpfeatured #lifestyleff .recent-post { background:#717274; } .post-contentfast2 { height:auto; padding-right:3%; } #hpfeatured { margin:0;margin-top: -1px; } #sponsored { height:auto;margin-top:0;margin-bottom:0; } #supportboxen img {width:100%;padding: 5% 0;} #chronologischbutton { margin-top:-4px;margin-bottom:0;font-size:20px;padding-top:20%;padding-bottom:20%;background:#d7241a; } .widget ul.wpp-list-hp li, .widget ul { margin: 0; width: 46%; padding: 2%; } .widget ul.wpp-list-hp li p {display:none;} .widget ul.wpp-list-hp li:last-child {display:none;} #topoftheblog .widget { margin-top:-50px;line-height:0; } #topoftheblog { margin: 60px auto 40px; } #footer .widget-area, #Footerinfos .widget-area { padding:0; margin:0; } .recent-post .post-contentfeatured h2 { margin-top: -15px; } .entry p.blockquotebig { margin:0 25px 40px; padding: 20px 30px; font-size: 17px; line-height: 28px;border-radius:10px; } .entry blockquote { padding: 6px 25px;border-radius:6px;margin:20px 20px 40px; color: #5b5b5b; background-color: #f5f5f5;} .entry blockquote p { font-size:13px; line-height:24px; } .entry blockquote::before { right: 24px; margin-top: 8px; font-size: 90px;color: #fff; } .entry blockquote::after { left: 24px; margin-top: 1px; font-size: 90px;color: #fff; } h3.secondarysingle { padding-top:6px; font-size:22px;line-height:1.1; } #respond .form_fields p { margin-right:4%; } #lastthings .recent-post .post-contentfeatured h2 a { font-size: 3.3vw; line-height: 1.4; padding: 4px 0; } #bpnavi a { font-size: 10px; width:12%; height: 10px; } .comment-author img { width:70px;height:auto; } .comment-author { width:80px; } .comment-author cite { font-size:12px; } .comment-body { padding: 10px 15px; font-size:14px; } .commentlist li.depth-1 .comment-body:before { left: 87px; border-width: 17px 14px 0; } .commentlist .children li.depth-2 .comment-body:after { right: 87px; border-width: 17px 14px 0; } .commenthalf { max-width: calc(100% - 100px); } .commentlist .children li.depth-2 .commenthalf { max-width: calc(100% - 100px); } .reply, .comment-meta { font-size:9px; } .reply a { padding: 1px 6px; } #obenmobhp img { position:relative;z-index:9999999; } #katarchiv h2 { font-size:15px;margin: 0 0 10px 0; } #katarchiv .katcol a { font-size:11px; } #katarchiv .katcol { font-size:0px;height:300px; } #kontaktform textarea { font-size:25px !important; } .full-width .entry .mediadata h3, .full-width .entry .mediadata2 h3 { font-size:35px; } .full-width .entry .mediadata p, .full-width .entry .mediadata2 p { font-size:11px; } #weiblich, #maennlich { font-size:33px; } .alter { font-size:21px; } .klein { font-size:0px; } .full-width h1.title { font-size:45px;max-width:90%; } .full-width h3.secondarysingle { font-size:25px; } #authorsinglemob { position: relative; height: auto; width: 100%; margin-bottom: 40px;padding:0; text-align: center; } #authorsinglemob .authorthumb { float:none; margin:0 auto 10px; } #authorsinglemob #authortext { width: 85%; float: none; position: relative; transform: translate(0%,0%); } #bpnavi2, #bpnavi3 { font-size:12px; } #bpnavi2 a { padding:10px 5px; margin:0 3px; } #Claimbox {text-align:center;margin:50px auto 60px;} #Claimbox a { padding: 8px; font-size: 8vw; display: block; border-radius: 0; } #hpfeatured .recent-post {width:86%;float:none;padding:0;margin-bottom:30px;} #hpfeatured .recent-post h2 {height: calc((86vw - 0px) * 0.355);} #hpfeatured .recent-post h2 a {font-size:26px;} #hpfeatured .recent-post .post-contentfeatured h3.secondary { font-size: 2.4vw; padding: 1vw 2vw 0.8vw; margin-top: -1vw; max-width: 70vw;} #hpfeatured .thumbfeatured, #hpfeatured .recent-post .post-contentfeatured {max-height:unset;max-width:100%;} #werbebox {width:86%;height:79vw;display:inline-table;float:none;margin-bottom:30px;} #werbebox > div ~ div {display:inline-block;vertical-align:unset;} #plusbox {width: 86%; height: auto;float:none;margin-bottom:50px;} #plusbox a {width: 100%;height: auto;padding: 25px 0;display: inline-block;font-size: 170px;} #plusbox a p.plustext {font-size:26px;} .widget ul.wpp-list, .widget ul.wpp-list-hp {padding: 0 7%;-ms-transform: none; -moz-transform: none; -webkit-transform: none; transform: none;} #lastthings {width:100%;margin:70px 0 0;} #lasthighlights .recent-post, #lasthighlights .recent-post.last, #lasthighlights > .recent-post ~ .recent-post {width:86%;float:none;margin:0 0 70px;} .widget ul.wpp-list-hp li:nth-child(1) .topthumb::before, .widget ul.wpp-list-hp li:nth-child(2) .topthumb::before, .widget ul.wpp-list-hp li:nth-child(3) .topthumb::before, .widget ul.wpp-list-hp li:nth-child(4) .topthumb::before, .widget ul.wpp-list-hp li:last-child .topthumb::before { font-size: 22.5vw;line-height:37vw; } .widget ul.wpp-list-hp li:nth-child(1) .topthumb::before, .widget ul.wpp-list-hp li:nth-child(3) .topthumb::before, .widget ul.wpp-list-hp li:last-child .topthumb::before { left: 23%; } .widget ul.wpp-list-hp li:nth-child(2) .topthumb::before, .widget ul.wpp-list-hp li:nth-child(4) .topthumb::before{ left: 66%; } #lastthings img, #lastthings img:hover, #lastthings .recent-post .post-contentfeatured:hover img {width:100%; -moz-transition: none; -webkit-transition: none; transition: none;margin:0;} #lastthings .thumbfeatured {max-width:100%;max-height:unset;} #lastthings #lasthighlights .featureddachzeile {top:-15px;} #lastthings .post-contentfeatured h3.secondary { padding: 5px 9px 7px; margin-top: -4px; font-size: 2.5vw;} #lasthighlights .recent-post .post-contentfeatured {border-top-left-radius:10px;} #standards {width:90%;padding: 0;} #lastthings #lasthighlights h2.lastthings {display:inline-block;} #insta {margin-top:0;} #insta .featuredschriftu {margin: 0; padding:20px 0 30px; border-radius:0; box-shadow: none; font-family: bloggersans; text-align: center; font-size: 20px; font-weight: bolder; color: #000; background: #fff; letter-spacing: 2px;} .steadylogin {margin: 50px 0 0;} #lasthighlights .recent-post.last {display:inline-block;} #lastthings #lasthighlights .recent-post h2 a {font-size:6vw; line-height: 2.3; } #ff-miniposts {text-align:center;} #ff-miniposts h2 a { font-size: 2.7vw;} #ff-miniposts .recent-postff.unt, #ff-miniposts .recent-postff.ins, #ff-miniposts .recent-postff.lif {width: 41vw;margin: 0 1.4vw 20px;width:40vw;float:unset;} #footest #footcats {display:none;} .wp-engage-block ul.desktop-1 .title { font-size:5.5vw; } .wp-engage-block ul.desktop-2 .title { font-size:4vw; } .wp-engage-block ul.desktop-3 .title { font-size:4vw; } } @media screen and (max-width: 480px) { a.mtoggle, a.mtogglemobile, a.stoggle { width: 50px; } a { word-wrap:anywhere;} #contentsingle { margin: 80px auto 70px; } .entry h2 {font-size:30px;} .entry p.blockquotebig { margin: 0 15px 40px;padding: 20px 15px;font-size: 25px;line-height: 38px;} #unterhaltungff .post-contentfast2 h3.secondary, #lifestyleff .post-contentfast2 h3.secondary { max-width:19em;font-size:11px; } .post-contentfeatured h3.secondary { font-size:15px; } .recent-post .post-contentfast2 h2 { line-height:0.5;padding-top:0px; } .recent-post .post-contentfast2 h2 a { font-size:16px; } #unterhaltungfeatured .recent-post .post-contentfeatured h2 a, #inspirationfeatured .recent-post .post-contentfeatured h2 a, #lifestylefeatured .recent-post .post-contentfeatured h2 a { font-size:38px; } .recent-post .post-contentfeatured h2 { margin-top:-10px; } .entry p { font-size:17px;line-height:28px;padding: 0 35px 20px; } .inner-wrap-single { width:100%;padding:0; } .entry blockquote { border-radius:0; margin: 20px 0 70px; padding: 35px; } .entry blockquote::before {right: 3px; margin-top: -6px; font-size: 130px;} .entry blockquote::after {left: 3px; margin-top: 34px; font-size: 130px;} #comments { width: 90%; margin: 0 auto; } .prevnextu .prevtitle, .prevnextu .nexttitle, .prevnexti .prevtitle, .prevnexti .nexttitle, .prevnextl .prevtitle, .prevnextl .nexttitle { font-size:17px; } #respond {margin-top:0;padding-top:30px;} #respond textarea { font-size:22px; } #katarchiv h2 { font-size:14px; } #singledach { margin-top:-48px; } #topoftheblog2 { display:inline-block; margin: 50px auto 0; margin-bottom:-10px; } h1.title { font-size: 12vw; } .blogroll { padding-top:33.2%; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; } #atomlabor, #drlima, #eyesaiditbefore, #falscheneun, #hanswurst, #ihaveseenthewhole, #interweb3000, #kraftfuttermischwerk, #likecool, #lofter, #mindsdelight, #niceblog, #pewpewpew, #qwergelesen, #schleckysilberstein, #seitvertreib, #serieslyawesome, #testspiel, #theawesomer, #viralviralvideos, #kuriositas, #shortfilms, #thekidshouldseethis, #tyrosize, #webtapete, #beautifuldecay, #benhammer, #beware, #BOOOOOOOM, #boredpanda, #colossal, #designcollector, #designlovr, #detailverliebt, #fubiz, #iamag, #ignant, #inspirationgrid, #klonblog, #kwerfeldein, #rbnshit, #schockblast, #schoenhaesslich, #thomasreimann, #twistedsifter, #ufunk, #vectroave, #zeutch, #doobybrain, #demilked, #amypink, #blogbuzzter, #blogrebellen, #boingboing, #eay, #einostwestfale, #flashback, #hermsfarm, #hirnverbrandt, #inselblog, #itsrap, #kathrinsky, #kotzendeseinhorn, #linamallon, #maennerstyle, #mobilegeeks, #mobilelifeblog, #nerdcore, #rapnblues, #seite360, #vsworld, #whitetapes, #whudat, #wihel, #zimtsternin, #zoomlab, #zuhloo, #gilly, #nilssnake, #tonrabbit, #denkfabrikblog, #fernsehersatz, #filmverliebt, #lostlevels, #archispass, #robotmafia, #berlinickliebedir, #biseinerheult, #buddenbohm, #domanske, #monstropolis, #plattenvorgericht, #pop64, #uarrr, #progolog { width:33.33%; } .inner-wrap-blogroll #footer { padding:0; margin-top:0px; } #footersocials a.icon i { font-size: 18px; padding: 9px; margin: 0 4px; } .BPnumber a, .BPnumber10 a { padding: 7px 14px; font-size: 13px; line-height: 1.0; } #singlepages2 ul li { margin: 0 2px;padding:10px 20px; } #fscf_captcha_field1 label { font-size: 12px; } #kontaktform #fscf_captcha_field1 { text-align:right; width: 40% !important; } #kontaktbg, #werbungbg, #haftungbg, #Datenschutz, #ueberbg, #zahlenbg, #exkursbg, #referenzbg, #formatebg, #socialmediabg, #unternehmenbg, #speakerbg, #grafikdesignbg { height:250px; } #kontaktbg h2, #werbungbg h2, #haftungbg h2, #Datenschutz h2, #ueberbg h2, #zahlenbg h2, #exkursbg h2, #referenzbg h2, #formatebg h2, #socialmediabg h2, #unternehmenbg h2, #speakerbg h2, #grafikdesignbg h2 { margin-top:100px;font-size:32px; text-shadow: 3px 3px 3px #000000; } #advertinfo { font-size:16px;line-height:29px; } .full-width .entry p, .full-width .entry .narrowtext { font-size:16px;line-height:30px;padding:0 20px 23px;text-align:justify;word-break:break-word; } @supports ((hyphens: auto) or (-webkit-hyphens: auto) or ( -moz-hyphens: auto) or (-ms-hyphens: auto)) { .full-width .entry p, .full-width .entry .narrowtext { font-size:16px;line-height:30px;padding:0 25px 23px;text-align:justify; } } #kleingedrucktes p { font-size:12px; } .full-width .entry .mediadata h3, .full-width .entry .mediadata2 h3 { font-size:30px; } .full-width .entry .mediadata p, .full-width .entry .mediadata2 p { font-size:10px; } #weiblich, #maennlich { font-size:28px; } .alter { font-size:18px; } .klein { font-size:0px; } #content #advertorials img { width:150px; } .services { font-size:20px; } #lastthingscat .recent-postcat h2 a, #lastthingscati .recent-postcat h2 a, #lastthingscatl .recent-postcat h2 a { font-size:20px; } .full-width h1.title { font-size:8vw;margin-top:-3400px;margin-bottom:50px;padding:10px; } .full-width h1.title a { text-shadow: 4px 4px 4px #000000;line-height:1.3; } #oben { padding-top:75px;margin-top:0;padding-bottom:19px; } #revsliderindex {margin-top:0;padding-bottom:0;padding-top:0;} #revsliderindex #rev_slider_3_1_wrapper {background:#000 !important;max-width: 1300px !important; left: 0 !important;} .unseen {z-index:9 !important;} #content .recent-post h2 { width:95%;margin:0 auto 17px; } #content .recent-post .entry p { padding:0 0 20px; font-size:16px; } #content #recent-posts { padding:0; } #content img { width:100%; } .recent-post h2 a { font-size:10vw; } #content #recent-posts .post-content h3.secondary { font-size:4vw;width:95%; } #content { margin-top:65px; } .wp-pagenavi a, .wp-pagenavi span { padding: 6px 10px; margin: 6px; font-size: 12px; color: #646567; border-radius: 15px; } .contentdesk, .excerptdesk { display:none; } .thumbmobarchive { display:block;margin-bottom:30px; } .entrydesktop { text-align:center; } #content .sponsoredbox { font-size:9px;margin-bottom:6px; } #content .sponsoredbox a { padding: 3px 6px; border-radius: 4px; } #mobileheaderbuttons { width: 100%; text-align:center; position: relative; } #hiddennavbarsecondm { display: none; text-align:center; } .hbm_unt { display: inline; width:60px; padding:0 0 7px 30px; float:left; } .hbm_ins { display: inline; width:60px; padding:0 0 7px 0; text-align:center; } .hbm_lif { display: inline; width:60px; padding:0 30px 7px 0; float:right; } #hiddennavbarsecond { display: none; } .dropdown .current_page_item a, .dropdown .current-cat a, .dropdown .current-menu-item a, .dropdown .current_page_item a, .dropdown .current-cat a, .dropdown .current-menu-item a { color: #ffffff; } .entrymobile { visibility:visible; display:block; } .entrymobile img { width: 100%; height:auto; } .mobilethumb { margin-bottom: -2px; } .entry img { max-width:100%; height:auto; } .entry img.alignnone, .entry img.aligncenter, .entry img.alignleft, .entry img.alignright, .entry img.attachment-fullsize { width:100%; height:auto; } .post-content h3.secondary { margin: -14px 0 20px 0; line-height:1.2; padding: 0 10px; } h1.archive_title { font-size:20px; } .recent-post .post-content { padding: 0; overflow: hidden; width:100%; } .comment-author { max-width: 150px; } #fullthumbimg { padding: 12% 20%;background-size: 160% !important; background-position-y: 14% !important; } h1.title { padding:0 12px;margin-bottom:15px; } h3.secondarysingle { padding:15px 10px 0; } .inner-wrap-single .sponsoredbox { font-size:12px; } .inner-wrap-single .full-width .sponsoredbox { font-size:10px; } .inner-wrap-single .sponsoredbox a, .inner-wrap-single .sponsoredbox a:hover { padding:4px 10px; } h3.secondary { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } #sharebuttons { visibility:none; display:none; } #sharebuttonsmobile { visibility:visible; display:block; } #upprev_box { display:none !important; } #toppostsmobile { height: auto; min-height: 660px; width: 100%; visibility:visible; display:block; margin-bottom:10px; padding-bottom: 20px; } #toppostsmobile .widget { background:#fff; padding-bottom:4px; } #toppostsmobile .widget h3.title { font-size: 16px; font-weight:bold; } #footer { margin-right: -10px; margin-left: -10px; padding:0;margin-top:-4px; } #supportboxen {margin-top:-4px;} .widget .langeweile-widget li { padding: 2px 0 12px 0; border-bottom: 0px solid #929292; line-height: 1.8; } .cc_container .cc_btn, .cc_container .cc_btn:visited { font-size:12px !important; padding: 3px 0 !important; margin-top:0px !important; } .cc_container .cc_message { font-size: 10px !important; } .full-width h3.secondarysingle { font-size:21px;padding:20px 0; } .full-width .entry blockquote p { font-size: 14px; line-height: 26px; padding: 18px 25px; } .full-width .entry p.blockquotebig { font-size: 35px; line-height: 48px; margin-bottom: 50px; } #bpnavi2, #bpnavi3 { font-size:10px; } #bpnavi2 a { padding:7px 4px;margin:0 2px; } .reviewtablecat {padding-left:10px;font-size:14px;width:unset;} .reviewtable td {font-size:12px;line-height:1.3;} #newpostsmobile {display:inline-block;} #blogansicht {padding: 0 0 30px; margin: 0 0; background: #000; } #blogansicht a {font-size: 8px; background: none; padding: 8px; width: auto; max-width:70%; color: #fff; border: 1px solid #fff; border-radius: 5px; display: inline-block;} #blogansicht a:hover {color:#000;background:#fff;} body {background:#000;} #hpfeatured .recent-post h2 a {font-size:21px;} #sharebuttons2 a.sharetweet {border-top-left-radius:0;} #sharebuttons2 a.sharepocket {border-top-right-radius:0;} #plusbox a {font-size: 150px;} #plusbox a p.plustext {font-size:21px;} .entry p.bpinfo, .steadybanner, .bpwrap img {border-radius:0;} #ff-miniposts h2 a { font-size: 2.9vw;} #content .list-view .recent-post.ffminipost {margin-bottom:20px;} .recent-post.ffminipost .entrydesktop { display: flex; flex-direction: column;} .list-view .recent-post.ffminipost .thumbarchive { float: unset; display: inline-block; width: 100vw; height:56.25vw; margin-bottom: 30px;order: 2;} .list-view .recent-post.ffminipost .ffwrap { height: 1vw; width: 100%; padding: 0;order: 1;} .list-view .recent-post.ffminipost .ffwords { display: flex; flex-direction: column;} .list-view .recent-post.ffminipost img { margin-top: -9.3vw;} #content #recent-posts .ffminipost .post-content h3.secondary {font-size:4vw;order: 2;margin-bottom:5vw;display:none;} #content .list-view .recent-post.ffminipost h2 {order: 1;margin-bottom:5vw;} .list-view .recent-post.ffminipost a { font-size: 10vw;} #div-gpt-ad-1407836023985-0 div:nth-child(1):after { display:none; } #div-gpt-ad-1407836023985-0 div:nth-child(1):before { content: "WERBUNG X"; font-size: 9px; background: #000; color: #fff; opacity: .7; margin: 5px auto 5px; width: 100px; text-align: center; z-index: -1; position: relative; padding: 8px 0; vertical-align: top; border-radius: 5px; float: none; display:block; } @keyframes float { 0% { box-shadow: 3px 4px 9px 0px rgba(0,0,0,0.4); transform: translatey(0px); } 50% { box-shadow: 3px 18px 9px 0px rgba(0,0,0,0.2); transform: translatey(-14px); } 100% { box-shadow: 3px 4px 9px 0px rgba(0,0,0,0.4); transform: translatey(0px); } } .steadybannerbp { box-shadow: 3px 4px 9px 0px rgb(0 0 0 / 40%); animation: float 5s ease-in-out infinite; } .bporga {border-radius:0;} .bppaged span.bppagenum, .bppaged:hover span.bppagenum, .bppaged.bpnow span.bppagenum {font-size:10vw;} .bppaged span, .bppaged:hover span, .bppaged.bpnow span {font-size:2.5vw;} .bppaged:hover, .bppaged.bpnow, .bppaged {padding:12px 0 10px;} .bpbox {padding:15px;} .bpinfotext {padding-bottom:10px;font-size:12px;} .bpplus {box-shadow:none;margin: 2%;width: 48%;font-size: 3.5vw;padding: 4% 0;} .bpplus:hover { transform: translatey(0);box-shadow: none; } .bppaged span.pagenum {display:none;} .gesehen {margin-bottom:8px;font-size:20px;} .bpimg { border-radius:0; } span.BPnum { bottom: -26px; right: -104px; padding: 0px 100px 30px; font-size: 13px; } span.BPnumins {padding-top:2px;} .bpimg img {min-width:unset; max-width:unset; width:100%;} .bpimg img.enlarged {min-width:unset;} .gpwrap img {min-width:unset;width:100% !important;margin-bottom:70px !important;} .gpwrap img.enlarged {min-width:unset;} .gpwrap img.shrinked {min-width:unset;} .gpwrap img.shrinkedmore {min-width:unset;} } @media screen and (max-width: 400px) { #schriftlogo:hover img { padding: 14px 10px; width: 145px; } #schriftlogo img { padding: 14px 10px; width: 145px; } .recent-post .post-contentfast2 h2 a { font-size:17px; } .recent-post .post-contentfast2 h2 { line-height:0.6;padding-top:5px; } #unterhaltungfeatured .recent-post .post-contentfeatured h2 a, #inspirationfeatured .recent-post .post-contentfeatured h2 a, #lifestylefeatured .recent-post .post-contentfeatured h2 a { font-size:34px; } #unterhaltungff .post-contentfast2 h3.secondary, #lifestyleff .post-contentfast2 h3.secondary { max-width:17em; } #unterhaltungff .post-contentfast2 h3.secondary, #lifestyleff .post-contentfast2 h3.secondary {font-size:9px;} .post-contentfeatured h3.secondary { max-width:21em;font-size:14px; } .recent-post .post-contentfast2 h2 { padding-top:0px; line-height:.5;} .recent-post .post-contentfast2 h2 a { font-size:15px; } #inspirationff .post-contentfast2 h3.secondary, #unterhaltungff .post-contentfast2 h3.secondary, #lifestyleff .post-contentfast2 h3.secondary {padding-top:15px;} #content .list-view .recent-post { margin: -1px 0 15px 0; padding-bottom: 27px;} #sharebuttons2 a { font-size: 13px; } #sharebuttons2 { height:40px; } #katarchiv .katcol { width:50%; } .yearly_month_archive .year { width:48% !important; } .full-width .entry .mediadata h3, .full-width .entry .mediadata2 h3 { font-size:25px; } .full-width .entry .mediadata p, .full-width .entry .mediadata2 p { font-size:9px; } #lastthingscat .recent-postcat h2 a, #lastthingscati .recent-postcat h2 a, #lastthingscatl .recent-postcat h2 a { font-size:18px; } .full-width h1.title { font-size:32px; margin-top: -320px; margin-bottom: 25px; } #fullthumbimg { background-size: 170% !important; background-position-y: 13% !important; } .commentjump a {padding:5px 10px;font-size:9px;} #singlepages2 ul li { margin: 0 2px;padding:6px 16px; } #hpfeatured .recent-post h2 a {font-size:5.2vw;line-height:1.4;} #hpfeatured .recent-post .post-contentfeatured h3.secondary {font-size:8px;max-width:60vw;letter-spacing:1px;} #plusbox a {font-size: 130px;} #plusbox a p.plustext {font-size:18px;} #ff-miniposts h2 a { font-size: 3vw;} } @media screen and (max-width: 365px) { #werbebox {width: 100%; height: auto; padding: 0; margin: 0 auto 50px; background: none;} #content .list-view .recent-post.ffminipost {margin-bottom:0;} } @media screen and (max-width: 301px) { .recent-post .post-contentfast2 h2 a { font-size:14px; } a#schriftzugblack { display:none; } #unterhaltungff .featureddachzeile, #inspirationff .featureddachzeile, #lifestyleff .featureddachzeile {display:none;} #blacklogolinkmobile, #blacklogolinkmobilesingle { width:45px;height:45px;display: inline-block;float:left;background:#000; } #blacklogolinkmobile.da, #blacklogolinkmobilesingle { background: url('/wp-content/themes/originmag/images/LwDn19-Kreislogo.png') no-repeat; background-size: 33px 33px; background-position: 0 0;top:6px;left:6px;position:relative; } #topcontainer, #topleistenmenucontainer { background:#000; } #unterhaltungff .post-contentfast2 h3.secondary, #lifestyleff .post-contentfast2 h3.secondary { max-width:13em;font-size:10px; } #sharebuttons2 a { font-size: 12px; } #sharebuttons2 { height:39px; } #prevnext img, .prevthumb, .nextthumb { height: auto; } .prevnextu .prevtitle, .prevnextu .nexttitle, .prevnexti .prevtitle, .prevnexti .nexttitle, .prevnextl .prevtitle, .prevnextl .nexttitle { font-size:14px; } .entry p { font-size: 16px; line-height: 25px; padding: 0 20px 15px; } .full-width h1.title { font-size:28px; } #unterhaltungfeatured .recent-post .post-contentfeatured h2 a, #inspirationfeatured .recent-post .post-contentfeatured h2 a, #lifestylefeatured .recent-post .post-contentfeatured h2 a { font-size:28px; } .commentjump a {padding:5px 8px;font-size:8px;} #hpfeatured .recent-post h2 a {font-size:15px;} #hpfeatured .recent-post .post-contentfeatured h3.secondary {font-size:7px;max-width:55vw;} #ff-miniposts h2 a { font-size: 3.2vw;} #ff-miniposts .recent-postff.unt, #ff-miniposts .recent-postff.ins, #ff-miniposts .recent-postff.lif {width:39vw; margin: 0 1vw 20px;} } @media screen and (min-width: 680px) { .bpwrap img { min-width:600px;height:auto; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { #ueberbg, #referenzbg, #kontaktbg, #socialmediabg, #unternehmenbg, #speakerbg, #grafikdesignbg, #Datenschutz, #werbungbg, #haftungbg, #zahlenbg, #exkursbg, #formatebg, #ca-bilderparade, #ca-schoen, #ca-film, #ca-games, #ca-kleinigkeiten, #ca-lustig, #ca-shorts, #ca-win-compilation, #ca-animiertes, #ca-architektur, #ca-art, #ca-bewegte-bilder, #ca-design, #ca-fotografie, #ca-kurzweil-ich, #ca-schriftgestelltes, #ca-autos, #ca-food, #ca-musik, #ca-reisen, #ca-sport, #ca-style, #ca-technik, #ca-web { background-attachment:scroll !important; margin-left:0 !important; padding:0 !important; background-position-y: 30% !important; } #fullthumbimg { background-attachment:scroll !important; } } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) { #ueberbg, #referenzbg, #kontaktbg, #socialmediabg, #unternehmenbg, #speakerbg, #grafikdesignbg, #Datenschutz, #werbungbg, #haftungbg, #zahlenbg, #exkursbg, #formatebg, #ca-bilderparade, #ca-schoen, #ca-film, #ca-games, #ca-kleinigkeiten, #ca-lustig, #ca-shorts, #ca-win-compilation, #ca-animiertes, #ca-architektur, #ca-art, #ca-bewegte-bilder, #ca-design, #ca-fotografie, #ca-kurzweil-ich, #ca-schriftgestelltes, #ca-autos, #ca-food, #ca-musik, #ca-reisen, #ca-sport, #ca-style, #ca-technik, #ca-web { background-attachment:scroll !important; background-position-y: 15% !important; } #fullthumbimg { background-attachment:scroll !important; } } @media only screen and (min-device-width: 414px) and (max-device-width: 736px) { #ueberbg, #referenzbg, #kontaktbg, #socialmediabg, #unternehmenbg, #speakerbg, #grafikdesignbg, #Datenschutz, #werbungbg, #haftungbg, #zahlenbg, #exkursbg, #formatebg, #ca-bilderparade, #ca-schoen, #ca-film, #ca-games, #ca-kleinigkeiten, #ca-lustig, #ca-shorts, #ca-win-compilation, #ca-animiertes, #ca-architektur, #ca-art, #ca-bewegte-bilder, #ca-design, #ca-fotografie, #ca-kurzweil-ich, #ca-schriftgestelltes, #ca-autos, #ca-food, #ca-musik, #ca-reisen, #ca-sport, #ca-style, #ca-technik, #ca-web { background-attachment:scroll !important; background-position-y: 15% !important; } #fullthumbimg { background-attachment:scroll !important; } } @media only screen and (min-device-width: 320px) and (max-device-width: 568px) { #ueberbg, #referenzbg, #kontaktbg, #socialmediabg, #unternehmenbg, #speakerbg, #grafikdesignbg, #Datenschutz, #werbungbg, #haftungbg, #zahlenbg, #exkursbg, #formatebg, #ca-bilderparade, #ca-schoen, #ca-film, #ca-games, #ca-kleinigkeiten, #ca-lustig, #ca-shorts, #ca-win-compilation, #ca-animiertes, #ca-architektur, #ca-art, #ca-bewegte-bilder, #ca-design, #ca-fotografie, #ca-kurzweil-ich, #ca-schriftgestelltes, #ca-autos, #ca-food, #ca-musik, #ca-reisen, #ca-sport, #ca-style, #ca-technik, #ca-web { background-attachment:scroll !important; background-position-y: 15% !important; } #fullthumbimg { background-attachment:scroll !important; background-size: 115% !important; } }